如何在现代浏览器中使用mousein事件?

时间:2018-05-14 17:22:30

标签: javascript jquery html javascript-events dom-events

有两个指针退出事件:<a href="classicPage.asp">Go to classic page</a> mouseout

两者之间的区别在于mouseleave仅在指针离开被监视元素时触发,而mouseleave在指针离开被监视元素或其任何子元素

当您将指针移入和移出元素时,mouseout只会触发一次,而mouseleave可能会多次触发,具体取决于您悬停的子项数。

问题是:mouseout相当于mousein在MDN上,只有mouseoutmouseleave和{{1} } are documented

对于一个罕见的用例,我需要在指针进入的每个元素上运行代码,包括动态创建的元素。 mouseout会为我解决这个问题,但它似乎不再存在。

1 个答案:

答案 0 :(得分:1)

  

问题是:mousein相当于mouseout

的位置

mouseout的相应事件为mouseover,而mouseleave的事件为mouseenter

他们的主要区别在于mouseleave / mouseenter没有泡沫,这在例如MDN,但简而言之

    指针退出元素及其所有后代时会触发
  • mouseleave,而当指针离开元素或离开其中一个元素时会触发mouseout后代(即使指针仍在元素内)。

  • mouseover,它与mouseenter的不同之处在于它不会冒泡,并且当指针从其后代之一移动时不会发送#39} ;物理空间到自己的物理空间。