Div onmouseout с изображениями внутри, как заставить это работать, не "выходя" div каждый раз, когда я выбираю изображение?

Question

моя проблема "простая", у меня есть div со свойством onmouseout с предупреждением ("1"), у которого div имеет 2 изображения внутри, каждый раз, когда я выбираю изображение, которое показывает предупреждение.пример.

<div onmouseout="alert(1)">
<img src="imgs/image1.png"  onmouseover="loadimg(this)" id=image1>
 <img src="imgs/image2.png"  onmouseover="loadimg(this)" id=image2>
</div>

я хочу показать это предупреждение, только если моя мышь выйдет из всех div, этот div также должен включать изображения.

Спасибо.

Answer 1

Ваша лучшая ставка будет .mouseleave() в jQuery. Вот демонстрация этого в jsfiddle.

Если вы хотите избежать использования jQuery, посмотрите это обсуждение на comp.lang.javascript на похожую тему.