Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Как прописать чтобы продублировался текст: из input type=text в элементе <div></div (https://javascript.ru/forum/events/61342-kak-propisat-chtoby-produblirovalsya-tekst-iz-input-type%3Dtext-v-ehlemente-div-div.html)

sanches163 13.02.2016 23:48
Как прописать чтобы продублировался текст: из input type=text в элементе <div></div
 
Всем добра :) ! Может быть кто-то поможет с этим ? На странице элементы <input type=text> и <div></div>. Необходимо написать обработчики событий так, чтобы при наборе текста в элементе <input...> он так же появлялся и в элементе <div></div>



<!DOCTYPE html>
<html>
<head>
<title> </title>

<style>
.div1 {
border: 5px solid black;
background-color: red;
}

</style>

<script>

</script>
</head>
<body>


<br><br><br>
<input type=text>

<br>
<br>
<div class=div1>...............</div>
<br><br><br>



</body>
</html>

Alexander Belov 14.02.2016 00:43
sanches163,
А что сам наработал по JS по этому вопросу?

sanches163 14.02.2016 09:50
на данный момент собственно нахожусь в поиске подходящего решения, обязательно поделюсь наработками, по мере их появления.

destus 14.02.2016 10:08
sanches163,
oninput обрабатывай событие

<script>
        document.addEventListener('DOMContentLoaded',function(){
            document.querySelector('input').addEventListener('input', function () {
                document.querySelector('div').innerHTML = document.querySelector('input').value;
            })
        })
    </script>

    <input type="text" />
    <div></div>

рони 14.02.2016 10:09
destus,
:blink:

destus 14.02.2016 10:10
Цитата:
Сообщение от рони (Сообщение 407724)
destus,
:blink:
? :lol:

рони 14.02.2016 10:12
destus,
всё верно, но пропустил }) и можно this.value

destus 14.02.2016 10:13
Цитата:
Сообщение от рони (Сообщение 407726)
destus,
всё верно, но пропустил }) и можно this.value
окей ;)

sanches163 14.02.2016 12:53
Цитата:
Сообщение от destus (Сообщение 407723)
sanches163,
oninput обрабатывай событие

<script>
        document.addEventListener('DOMContentLoaded',function(){
            document.querySelector('input').addEventListener('input', function () {
                document.querySelector('div').innerHTML = document.querySelector('input').value;
            })
        })
    </script>

    <input type="text" />
    <div></div>
спасибо)), все работает!!!


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