读书人

JQuery mouseout 跟 mouseleave事件的

发布时间: 2012-10-16 09:57:37 作者: rapoo

JQuery mouseout 和 mouseleave事件的区别

不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。
只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。

<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">x=0;y=0;$(document).ready(function(){  $("div.out").mouseout(function(){    $(".out span").text(x+=1);  });  $("div.leave").mouseleave(function(){    $(".leave span").text(y+=1);  });});</script></head><body><p>不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。</p><p>只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。</p><div style="background-color:lightgray;padding:20px;width:40%;float:left"><h2 style="background-color:white;">被触发的 Mouseout 事件:<span></span></h2></div><div style="background-color:lightgray;padding:20px;width:40%;float:right"><h2 style="background-color:white;">被触发的 Mouseleave 事件:<span></span></h2></div></body></html>

?

读书人网 >Web前端

热点推荐