Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.08.2016, 14:08
Интересующийся
Отправить личное сообщение для Alexandrhhh Посмотреть профиль Найти все сообщения от Alexandrhhh
 
Регистрация: 22.08.2016
Сообщений: 18

один текст в 2 input
Всем привет.
Пример
<div id="1">
<label>
Имя: <input type="name" id="name">
</label>
</div>
<div id="2">
<label>
Name: <input type="name" id="name">
</label>
</div>

Как сделать так, чтобы вводя что либо в 1 input во втором это так же появлялось?
Ответить с цитированием
  #2 (permalink)  
Старый 25.08.2016, 15:08
Интересующийся
Отправить личное сообщение для Alexandrhhh Посмотреть профиль Найти все сообщения от Alexandrhhh
 
Регистрация: 22.08.2016
Сообщений: 18

Сделал inputам уникальные ID
и попробывал такой скрипт
<div id="1">
<input type="search" id="name1">
</div>
<div id="2">
<input type="search" id="name2">
</div>
<script>
    document.getElementById('name1').addEventListener('input', function(e){
        document.getElementById('name2').value = this.value;
    });
</script>

Ноль реакции
Ответить с цитированием
  #3 (permalink)  
Старый 25.08.2016, 15:13
Интересующийся
Отправить личное сообщение для Alexandrhhh Посмотреть профиль Найти все сообщения от Alexandrhhh
 
Регистрация: 22.08.2016
Сообщений: 18

Хотя по тестам отлично работает, в чём причина не могу понять(
Ответить с цитированием
  #4 (permalink)  
Старый 25.08.2016, 15:37
Интересующийся
Отправить личное сообщение для Alexandrhhh Посмотреть профиль Найти все сообщения от Alexandrhhh
 
Регистрация: 22.08.2016
Сообщений: 18

Вообщем сделал, чтобы данные в них попадали, но контент не обновляется( есть какой то аналог Enter, так как если потом в каждое окно перенести курсор и поставить Enter всё ищет.
Ответить с цитированием
  #5 (permalink)  
Старый 26.08.2016, 05:54
Профессор
Отправить личное сообщение для warren buffet Посмотреть профиль Найти все сообщения от warren buffet
 
Регистрация: 08.07.2016
Сообщений: 1,332

Надо еще один листенер повесить - на keyup и проверять там e.keyCode==13
Ответить с цитированием
  #6 (permalink)  
Старый 26.08.2016, 07:44
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Сообщение от Alexandrhhh
Ноль реакции

<div id="1">
<input type="search" id="name1">
</div>
<div id="2">
<input type="search" id="name2">
</div>
<script>
    document.getElementById('name1').addEventListener('input', function(e){
        document.getElementById('name2').value = this.value;
    });
</script>
Ответить с цитированием
  #7 (permalink)  
Старый 26.08.2016, 08:41
Интересующийся
Отправить личное сообщение для Alexandrhhh Посмотреть профиль Найти все сообщения от Alexandrhhh
 
Регистрация: 22.08.2016
Сообщений: 18

Сообщение от warren buffet Посмотреть сообщение
Надо еще один листенер повесить - на keyup и проверять там e.keyCode==13
А можешь дополнить код? не очень понимаю как его впихнуть?
Ответить с цитированием
  #8 (permalink)  
Старый 26.08.2016, 08:43
Интересующийся
Отправить личное сообщение для Alexandrhhh Посмотреть профиль Найти все сообщения от Alexandrhhh
 
Регистрация: 22.08.2016
Сообщений: 18

Сообщение от рони Посмотреть сообщение

<div id="1">
<input type="search" id="name1">
</div>
<div id="2">
<input type="search" id="name2">
</div>
<script>
    document.getElementById('name1').addEventListener('input', function(e){
        document.getElementById('name2').value = this.value;
    });
</script>
Я же написал в тестах работает, а на практике нет, так как на них уже висели обработчики событий нажатия.
Ответить с цитированием
  #9 (permalink)  
Старый 26.08.2016, 13:10
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Сообщение от Alexandrhhh
в тестах работает, а на практике нет
А зачем такое "на практике"?
Ответить с цитированием
  #10 (permalink)  
Старый 26.08.2016, 13:16
Профессор
Отправить личное сообщение для warren buffet Посмотреть профиль Найти все сообщения от warren buffet
 
Регистрация: 08.07.2016
Сообщений: 1,332

Сообщение от Alexandrhhh
нажатия
input не нажатие, а ввод. input игнорирует все что не может быть введено или выведено - стрелки например, и в том числе enter.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как вставить текст из куков в input формы? perfect Events/DOM/Window 3 05.03.2014 08:22
Резиновые дивы с прокруткой Java Script Mary-Jay Элементы интерфейса 10 24.07.2013 17:51
нужно заставить одновременно работать слайдер и модальное окно обратной связи kvant355 Javascript под браузер 3 22.07.2013 16:34
Вызов модальных окон из списка Jekins Элементы интерфейса 2 15.03.2013 00:57
При добавлении DOCTYPE "плывут" размеры input type=text Demath (X)HTML/CSS 4 08.07.2012 19:27