Тема: onblur и onfocus
Показать сообщение отдельно
  #4 (permalink)  
Старый 30.03.2015, 16:51
Профессор
Отправить личное сообщение для Decode Посмотреть профиль Найти все сообщения от Decode
 
Регистрация: 31.01.2015
Сообщений: 576

Так?
<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
</head>
<body>
  <input id="city" size="30" /><br>
  <div id="info"></div>
  <script>
    var div = document.getElementById('info'),
        input = document.getElementById('city');

    input.addEventListener('keyup', function() {
      div.innerHTML = this.value;
    });

    input.addEventListener('focus', function(e) {
      div.style.visibility = "visible";
    });

    input.addEventListener('blur', function(e) {
      div.style.visibility = "hidden";
    });
  </script>
</body>
</html>
Ответить с цитированием