mouseover事件与mouseenter事件的区别

发布时间：2017-05-19 10:51:34

发布者：jiangbing

浏览量:

很多同学搞不懂mouseover与mouseenter事件，先说一下他们之间的不同。

mouseover是不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。对应mouseout；

而mouseenter只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。对应mouseleave；

举例说明一下：

  
  
  
  
x=0;  
y=0;  
$(document).ready(function(){  
  $("div.over").mouseover(function(){  
    $(".over span").text(x+=1);  
  });  
  $("div.enter").mouseenter(function(){  
    $(".enter span").text(y+=1);  
  });  
});  
  
  

  
不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。  
只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。  
  
被触发的 Mouseover 事件：

被触发的 Mouseenter 事件：

可以复制上述代码自己试验理解一下，别忘了jquery换成自己的路径。看完这篇文章相信同学们能理解这两者的区别了。

上一篇： html中有多个video如何实现鼠标划过重新加载？

下一篇： js如何实现时间12小时制显示

关键词:

返回列表