Как использовать событие mousein в современных браузерах?
Есть два события выхода указателя: mouseout и mouseleave.
Разница между ними в том, что mouseleave срабатывает только тогда, когда указатель покидает наблюдаемый элемент, а mouseout срабатывает, когда указатель покидает наблюдаемый элемент или любой из его детей.
Когда вы перемещаете указатель внутрь и из элемента, mouseleave срабатывает ровно один раз, а mouseout может срабатывать более одного раза, в зависимости от количества дочерних элементов, над которыми вы наведены.
Возникает вопрос: где mousein эквивалент mouseout? На MDN только mouseleave, mouseout и mouseenterзадокументированы.
В редких случаях мне нужно запускать код для каждого элемента, который вводится указателем, включая динамически созданные. mousein решит эту проблему для меня, но, похоже, этого больше не существует.
Я имею в виду, что он ссылается на него во втором абзаце той страницы mdn, связанной ...
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
The question is: where is the
mouseinequivalent ofmouseout
Соответствующее событие для mouseout - это mouseover, а для mouseleave - это mouseenter.
Их главное отличие состоит в том, что mouseleave / mouseenter не пузырится, что хорошо объясняется, например, в MDN, а короче
mouseleaveзапускается, когда указатель покидает элемент и все его потомки, тогда какmouseoutзапускается, когда указатель покидает элемент или покидает одного из потомков элемента (даже если указатель все еще находится внутри элемента).mouseover, он отличается отmouseenterтем, что он не пузырится и не отправляется, когда указатель перемещается из физического пространства одного из его потомков в его собственное физическое пространство.
Ах, я думал, что mouseover эквивалент mousemove.
@ lolmaus-AndreyMikhaylov Нет, у mousemove нет соответствующего события. Слева - mousedown / mouseup, итого 7 событий, 3 пары и 1 сингл.
Afaik, я думал, что соединение
mouseoutиmouseleaveсвязано с соединениемmouseoverиmouseenter