Вам бонус- начислено 1 монета за дневную активность. Сейчас у вас 1 монета

срабатывает лишний раз jqery mouseout после ухода с элемента

Практика



Привет, Вы узнаете о том , что такое срабатывает лишний раз 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)

Из статьи мы узнали кратко, но содержательно про
создано: 2013-08-31
обновлено: 2021-03-13
132601



Рейтиг 10 of 10. count vote: 2
Вы довольны ?:


Поделиться:

Найди готовое или заработай

С нашими удобными сервисами без комиссии*

Как это работает? | Узнать цену?

Найти исполнителя
$0 / весь год.
  • У вас есть задание, но нет времени его делать
  • Вы хотите найти профессионала для выплнения задания
  • Возможно примерение функции гаранта на сделку
  • Приорететная поддержка
  • идеально подходит для студентов, у которых нет времени для решения заданий
Готовое решение
$0 / весь год.
  • Вы можите продать(исполнителем) или купить(заказчиком) готовое решение
  • Вам предоставят готовое решение
  • Будет предоставлено в минимальные сроки т.к. задание уже готовое
  • Вы получите базовую гарантию 8 дней
  • Вы можете заработать на материалах
  • подходит как для студентов так и для преподавателей
Я исполнитель
$0 / весь год.
  • Вы профессионал своего дела
  • У вас есть опыт и желание зарабатывать
  • Вы хотите помочь в решении задач или написании работ
  • Возможно примерение функции гаранта на сделку
  • подходит для опытных студентов так и для преподавателей



Комментарии


Оставить комментарий
Если у вас есть какое-либо предложение, идея, благодарность или комментарий, не стесняйтесь писать. Мы очень ценим отзывы и рады услышать ваше мнение.
To reply

Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend)

Термины: Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend)