首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

JQuery mouseout 跟 mouseleave事件的区别

2012-10-16 
JQuery mouseout 和 mouseleave事件的区别不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事

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>

?

热点排行