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 class="out" style="background-color:lightgray;padding:20px;width:40%;float:left"><h2 style="background-color:white;">被触发的 Mouseout 事件：<span></span></h2></div><div class="leave" style="background-color:lightgray;padding:20px;width:40%;float:right"><h2 style="background-color:white;">被触发的 Mouseleave 事件：<span></span></h2></div></body></html>
页:
[1]