Событие onmouseout

@MichaelPak · Регистрация: 02.08.2011

Author24 — интернет-сервис помощи студентам

Есть два div, один вложен в другого:

HTML5

1
2
3

<div style="width: 300px; height: 300px; background-color: green;" onmouseout="alert('Вне дива');">
    <div style="width: 200px; height: 200px; background-color: blue;"></div>
</div>

получается такая штука.
Хочу сделать так, чтобы при выводе с большого div на body выскакивал alert, то есть чтобы выскакивал alert только при перемещении курсора с синего на белый и с зеленого на белый. А получается, что alert выскакивает и при перемещении курсора между самими div. Как исправить ситуацию?

Добавлено через 12 минут
Решил проблему через события jquery mouseleave и mouseenter

@JsLoveR · 21.04.2013, 21:12

MichaelPak, если правильно понял, можно так:

Javascript

function checkMouseCoords(e, o) {
  var mx = (e.pageX || e.clientX), my = (e.pageY || e.clientY);
  if( mx >= o.offsetLeft + o.offsetWidth ||  mx <= o.offsetLeft || my <= o.offsetTop || my >= o.offsetTop + o.offsetHeight) alert("Вне дива!");
}

HTML5

1
2
3

<div id="box" style="width: 300px; height: 300px; background-color: green;" onmouseover="checkMouseCoords(event, this)" onmouseout="checkMouseCoords(event, this)">
    <div style="width: 200px; height: 200px; background-color: blue;"></div>
</div>

	21.04.2013, 21:12

Опции темы

Событие onmouseout

Решение