Тема: onblur и onfocus
Показать сообщение отдельно
  #3 (permalink)  
Старый 30.03.2015, 08:33
Профессор
Отправить личное сообщение для djonA Посмотреть профиль Найти все сообщения от djonA
 
Регистрация: 02.05.2012
Сообщений: 197

Вижу тут все работает, и если к себе переношу в таком примере работает.

Но проблема в том что у меня есть input в который я начинаю вводить название городе и у меня снизу в div ajax'ом открывается всплывающая подсказка городов.

И вот мне надо когда div.style.visibility = 'visible' - при нажатии на любое место на сайте кроме этого div что бы он становился hidden, но разумеется после того как в него подгрузятся города.

А у меня он пропадает даже если я нажимаю на сам div

Делаю вот так:
<input id="city" name="city" size="30" autocomplete="OFF" onkeyup='PressKey(event)'/><br>
<div id="info" size=5 style='position:absolute;z-index:999;visibility:hidden'
	onchange="document.getElementById('city').value=this.options[this.selectedIndex].value"
	onkeyup='PressKey2(event)'>
</div>

<script>
    var div = document.getElementById('info');
	 
	    document.addEventListener('click', function(e) {
	      var target = e.target;
	      if(target == div) return;
	      div.style.visibility = "hidden";
	    });
</script>
Ответить с цитированием