acara jQuery mouseleave() acara
Definisi dan Penggunaan
Peristiwa daun tetikus berlaku apabila penunjuk tetikus meninggalkan elemen.
Acara ini paling kerap digunakan bersama dengan acara mouseenter.
Kaedah mouseleave() mencetuskan acara mouseleave, atau menentukan fungsi untuk dijalankan apabila acara mouseleave berlaku.
Nota: Tidak seperti acara keluar tetikus, peristiwa biarkan tetikus hanya akan dicetuskan apabila penuding tetikus meninggalkan elemen yang dipilih. Jika penunjuk tetikus meninggalkan sebarang elemen kanak-kanak, acara keluar tetikus juga akan dicetuskan.
Mari kita lihat contoh
<html>
<head>
<meta charset="utf-8">
<script src="http://libs.baidu.com/jquery/1.9.1/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>不論鼠標(biāo)指針離開被選元素還是任何子元素，都會(huì)觸發(fā) mouseout 事件。</p>
<p>只有在鼠標(biāo)指針離開被選元素時(shí)，才會(huì)觸發(fā) mouseleave 事件。</p>
<div class="out" style="background-color:lightgray;padding:20px;width:300px;">
<h2 style="background-color:white;">被觸發(fā)的 Mouseout 事件：<span></span></h2>
</div>
</br>
<div class="leave" style="background-color:lightgray;padding:20px;width:300px;">
<h2 style="background-color:white;">被觸發(fā)的 Mouseleave 事件：<span></span></h2>
</div>
</body>
</html> 
