Привет, Вы узнаете о том , что такое срабатывает лишний раз jqery mouseout после ухода с элемента, Разберем основные их виды и особенности использования. Еще будет много подробных примеров и описаний. Для того чтобы лучше понимать что такое
срабатывает лишний раз jqery mouseout после ухода с элемента , настоятельно рекомендую прочитать все из категории Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend).
срабатывает лишний (не правильно работет ) раз jqery mouseout после ухода с элемента
$('#myid ').mouseout(function()
{
$('.myelement').remove();
});
например, если курсор на элементе. Сработал mouseover на нем.
Потом курсор идет на дочерний… И, оказывается, на элементе-родителе при этом происходит mouseout! Как будто курсор с него ушел, хотя он всего лишь перешел на потомка.
Это происходит потому, курсор мыши может быть только над одним элементом — самым глубоким в DOM (и верхним по z-index).
Так что если он перешел на потомка — значит ушел с родителя.
для этого используйте свойства
mouseenter/mouseleaveаналогичные
mouseover/mouseout
События
mouseenter/mouseleave похожи на mouseover/mouseout. Об этом говорит сайт https://intellect.icu . Они тоже срабатывают, когда курсор заходит на элемент и уходит с него, но с двумя отличиями.
При переходе на потомка курсор не уходит с родителя.
Курсор заходит на элемент — срабатывает mouseenter, а затем — неважно, куда он внутри него переходит, mouseleave будет, когда курсор окажется за пределами элемента.
$(document).on('mouseleave', '#myid, function() {
$('.my').remove();
});
Исследование, описанное в статье про срабатывает лишний раз jqery mouseout после ухода с элемента, подчеркивает ее значимость в современном мире. Надеюсь, что теперь ты понял что такое срабатывает лишний раз jqery mouseout после ухода с элемента
и для чего все это нужно, а если не понял, или есть замечания,
то не стесняйся, пиши или спрашивай в комментариях, с удовольствием отвечу. Для того чтобы глубже понять настоятельно рекомендую изучить всю информацию из категории
Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend)
Комментарии
Оставить комментарий
Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend)
Термины: Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend)