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>
?