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

#jquery #hover #jquery-events #mouseout

#jquery #наведите #jquery-события #вывод мыши

Вопрос:

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

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

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

Ответ №1:

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

Возможно, вы захотите использовать вместо этого «mouseleave».

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

Ответ №2:

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