Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   один текст в 2 input (https://javascript.ru/forum/dom-window/64620-odin-tekst-v-2-input.html)

Alexandrhhh 25.08.2016 14:08

один текст в 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 во втором это так же появлялось?

Alexandrhhh 25.08.2016 15:08

Сделал 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>

Ноль реакции

Alexandrhhh 25.08.2016 15:13

Хотя по тестам отлично работает, в чём причина не могу понять(

Alexandrhhh 25.08.2016 15:37

Вообщем сделал, чтобы данные в них попадали, но контент не обновляется( есть какой то аналог Enter, так как если потом в каждое окно перенести курсор и поставить Enter всё ищет.

warren buffet 26.08.2016 05:54

Надо еще один листенер повесить - на keyup и проверять там e.keyCode==13

рони 26.08.2016 07:44

Цитата:

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

:blink:
<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>

Alexandrhhh 26.08.2016 08:41

Цитата:

Сообщение от warren buffet (Сообщение 426691)
Надо еще один листенер повесить - на keyup и проверять там e.keyCode==13

А можешь дополнить код? не очень понимаю как его впихнуть?

Alexandrhhh 26.08.2016 08:43

Цитата:

Сообщение от рони (Сообщение 426700)
:blink:
<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>

Я же написал в тестах работает, а на практике нет, так как на них уже висели обработчики событий нажатия.

laimas 26.08.2016 13:10

Цитата:

Сообщение от Alexandrhhh
в тестах работает, а на практике нет

А зачем такое "на практике"?

warren buffet 26.08.2016 13:16

Цитата:

Сообщение от Alexandrhhh
нажатия

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


Часовой пояс GMT +3, время: 03:25.