Почему .mouseOut () срабатывает при наведении курсора на текст внутри цели mouseOut?

Question

Например, если я сделаю $('div#something').mouseout(function(){});, функция сработает, когда я наведу курсор на текст, который находится внутри #something div, а не когда я покину div.

Я хочу, чтобы он срабатывал только тогда, когда я покидаю div, а не когда я наводил курсор на текст внутри div.

Почему это происходит?

Answer 1

mouseout срабатывает всякий раз, когда курсор мыши покидает элемент, даже если «уход» означает, что он вводит дочерний элемент (который будет текст - по крайней мере, в некоторых браузерах).

Вместо этого вы можете использовать "mouseleave".

http://api.jquery.com/mouseleave/

Answer 2

mouseOut срабатывает, когда мышь покидает элемент - и включает, когда она перемещается на свои дочерние элементы.Смотрите это jsFiddle: http://jsfiddle.net/minitech/kZcCr/