Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.02.2016, 22:48
Новичок на форуме
Отправить личное сообщение для sanches163 Посмотреть профиль Найти все сообщения от sanches163
 
Регистрация: 13.02.2016
Сообщений: 3

Как прописать чтобы продублировался текст: из 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>
Ответить с цитированием
  #2 (permalink)  
Старый 13.02.2016, 23:43
Аватар для Alexander Belov
Профессор
Отправить личное сообщение для Alexander Belov Посмотреть профиль Найти все сообщения от Alexander Belov
 
Регистрация: 12.03.2015
Сообщений: 173

sanches163,
А что сам наработал по JS по этому вопросу?
Ответить с цитированием
  #3 (permalink)  
Старый 14.02.2016, 08:50
Новичок на форуме
Отправить личное сообщение для sanches163 Посмотреть профиль Найти все сообщения от sanches163
 
Регистрация: 13.02.2016
Сообщений: 3

на данный момент собственно нахожусь в поиске подходящего решения, обязательно поделюсь наработками, по мере их появления.
Ответить с цитированием
  #4 (permalink)  
Старый 14.02.2016, 09:08
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,204

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>

Последний раз редактировалось destus, 14.02.2016 в 09:12.
Ответить с цитированием
  #5 (permalink)  
Старый 14.02.2016, 09:09
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 30,166

destus,
Ответить с цитированием
  #6 (permalink)  
Старый 14.02.2016, 09:10
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,204

Сообщение от рони Посмотреть сообщение
destus,
?
Ответить с цитированием
  #7 (permalink)  
Старый 14.02.2016, 09:12
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 30,166

destus,
всё верно, но пропустил }) и можно this.value
Ответить с цитированием
  #8 (permalink)  
Старый 14.02.2016, 09:13
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,204

Сообщение от рони Посмотреть сообщение
destus,
всё верно, но пропустил }) и можно this.value
окей
Ответить с цитированием
  #9 (permalink)  
Старый 14.02.2016, 11:53
Новичок на форуме
Отправить личное сообщение для sanches163 Посмотреть профиль Найти все сообщения от sanches163
 
Регистрация: 13.02.2016
Сообщений: 3

Сообщение от destus Посмотреть сообщение
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>
спасибо)), все работает!!!
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как запретить вставлять текст в input qwermjk Общие вопросы Javascript 30 28.04.2015 13:46
Как сделать так, чтобы при сабмите формы напечатанный текст не исчезал? Athlet Общие вопросы Javascript 1 18.07.2010 01:44
lastChild работает в IE, как тут быть? Puaris83 Firefox/Mozilla 4 17.04.2010 22:56
Как сделать чтобы text() брал только текст родителя без текста вложенных контейнеров? Andrey32 jQuery 3 23.05.2009 00:33
Разным элементам input - разное форматирование. Как? eclipse (X)HTML/CSS 1 25.10.2007 12:55