JavaScript « Предотвратить распространение события
/**
* GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann
* (http://qbnz.com/highlighter/ and http://geshi.org/)
*/
.html4strict.geshi_code {font-family:monospace;}
.html4strict.geshi_code .imp {font-weight: bold; color: red;}
.html4strict.geshi_code .kw2 {color: #000000; font-weight: bold;}
.html4strict.geshi_code .kw3 {color: #000066;}
.html4strict.geshi_code .es0 {color: #000099; font-weight: bold;}
.html4strict.geshi_code .br0 {color: #66cc66;}
.html4strict.geshi_code .sy0 {color: #66cc66;}
.html4strict.geshi_code .st0 {color: #ff0000;}
.html4strict.geshi_code .nu0 {color: #cc66cc;}
.html4strict.geshi_code .sc-1 {color: #808080; font-style: italic;}
.html4strict.geshi_code .sc0 {color: #00bbdd;}
.html4strict.geshi_code .sc1 {color: #ddbb00;}
.html4strict.geshi_code .sc2 {color: #009900;}
.html4strict.geshi_code span.xtra { display:block; }
<div id="div1">
<img src="..." /><img src="..." /><img src="..." /><img src="..." /><img src="..." />
</div>
Хочу сделать так, чтобы при наведении мыши на div1 появлялось некое информационое окошко.
На div1 вешаю обработчик mouseover, однако, получается так, что двигая мышкой в пределах этого ДИВа, событие срабатывает на каждой картинке и, соответственно, вылезает новое окошко, что нехорошо.
Я не пойму, как мне сделать так, чтобы выполнение события не уходило внутрь ДИВа на картинки, думал, что поможет 3-й параметр в addEventListener, но это не так. Подскажите, как добиться желаемого.
<div id="div1">
<img src="..." /><img src="..." /><img src="..." /><img src="..." /><img src="..." />
</div>
Хочу сделать так, чтобы при наведении мыши на div1 появлялось некое информационое окошко.
На div1 вешаю обработчик mouseover, однако, получается так, что двигая мышкой в пределах этого ДИВа, событие срабатывает на каждой картинке и, соответственно, вылезает новое окошко, что нехорошо.
Я не пойму, как мне сделать так, чтобы выполнение события не уходило внутрь ДИВа на картинки, думал, что поможет 3-й параметр в addEventListener, но это не так. Подскажите, как добиться желаемого.
1 ответов
Дело в том, что когда указатель проходит над картинками, срабатывает событие mouseout, а когда указатель уходит с картинки, то снова срабатывает mouseover
Нужно использовать mouseenter.
http://jquery-howto.blogspot.com/2009/04/problems-with-jquery-mouseover-mouseout.html