你的位置:首页 > Java教程

[Java教程]hover和mouseover,mouseout的区别


说道hover和mouseover,mouseout的区别,不得不联系到mouseenter,mouseleave。

mouseover,mouseout是指鼠标指针在穿过/离开被选元素或其子元素时触发。

mouseenter,mouseleave是指鼠标指针在穿过/离开被选元素时触发。

举个简单例子:

 

<div >  <h1></h1>  <p></p></div><div ></div>

当鼠标移动到wapper上时类名为buttom的div变大,鼠标离开时恢复原样。

我们使用mouseover,mouseout。当鼠标在<h1>和<p>标签之间来回移动时类名为buttom的div会不断变大,回复原样。

而mouseenter,mouseleave就不会出现这种情况。

而hover的效果等同于mouseenter,mouseleave。