mouseenter鼠标事件

1.当鼠标移动到元素上时就会触发mouseenter事件

2.类似mouseover，它们两者之间的差别是

mouseover鼠标经过自身盒子会触发，经过子盒子还会触发。mouseenter只会经过自身盒子触发

这样的原因就是 mouseenter不会冒泡。

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style type="text/css">.father {width: 300px;height: 300px;background-color: pink;}.son {width: 200px;height: 200px;background-color: skyblue;}.w {margin: 100px auto;}</style></head><body><div class="father w"><div class="son w"></div></div><script type="text/javascript">var father = document.querySelector('.father');var son = document.querySelector('son');father.addEventListener('mouseenter',function() {console.log(11);})</script></body>
</html>

mouseover鼠标划过这两个盒子公共部分一次：

mouseenter鼠标划过这两个盒子公共部分一次：

mouseenter鼠标事件相关推荐

mouseenter事件java_javaScript事件（五）事件类型之鼠标事件
一.事件二.事件流三.事件处理程序四.IE事件处理程序五.事件对象六.事件对象的公共成员七.鼠标事件 DOM3级事件中定义了9个鼠标事件. mousedown:鼠标按钮被按下(左键或者右键 ...
鼠标事件mousemove、mouseover、mouseout、mouseenter、mouseleave
Mousemove: 当鼠标指针在元素内移动时,mousemove事件就会被触发,任何HTML元素都可以接受此事件. Mousemove 事件是当鼠标指针移动时触发的,即使是一个像素.这意味着多个事件 ...
在vue中使用鼠标事件@mousedown、@mouseenter等失效的解决办法，以及PC端长按实现
问题解决 @mouseenter.@mousedown等鼠标事件[非鼠标点击事件]时,发现事件不触发,失效了此时应该在@mouseenter.@mouseenter等鼠标事件加上native属性就好 ...
鼠标事件中 mouseenter与 mouseover的区别
鼠标事件中 mouseenter与 mouseover的区别: mouseenter: 当鼠标指针穿过元素时,会发生 mouseenter 事件.该事件大多数时候会与mouseleave 事件一起使用 ...
js 鼠标事件总结 mouseover/mouseout 与mouseenter/mouseleave 傻傻分不清楚?
1. 鼠标事件 mouseenter mouseleave (一对事件鼠标的进入和离开) 不支持冒泡 mouseenter:鼠标从元素外部移到元素内部时触发. mouseleave:鼠标从元素内部移 ...
js进阶 12-1 jquery的鼠标事件有哪些
js进阶 12-1 jquery的鼠标事件有哪些一.总结一句话总结:1+3*2+1+1,其中里面有两组移入移出,一组和click,总结就是click(3个),hover(5个),mousemove ...
稳扎稳打Silverlight(13) - 2.0交互之鼠标事件和键盘事件
[索引页] [×××] 稳扎稳打Silverlight(13) - 2.0交互之鼠标事件和键盘事件作者:webabcd 介绍 Silverlight 2.0 人机交互:响应用户的鼠标操作和键盘操作 ...
jQuery事件之鼠标事件
jQuery事件之鼠标事件鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的. (1):click事件:click事件于用户在元素敲击鼠标左键,并在相同元素上松开左键时触发. ...
jQuery鼠标事件（转）
鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的. (1):click事件:click事件于用户在元素敲击鼠标左键,并在相同元素上松开左键时触发. $('p').click(function ...
104_鼠标事件对象
1. 当发生mousedown.mouseup.dblclick.mouseover.mouseenter.mousemove.mouseout和 mouseleave事件时, 它们的执行函数都会传递 ...

mouseenter鼠标事件

mouseenter鼠标事件相关推荐

最新文章

热门文章