jQuery中的bind()函數(shù)可以綁定多種事件,其中包括鼠標(biāo)移出事件mouseout。該事件是在鼠標(biāo)指針從元素外部移到元素上方時觸發(fā)的。
$(selector).bind('mouseout', function(){ //執(zhí)行一些代碼 });
當(dāng)鼠標(biāo)移出元素時,可以執(zhí)行一些代碼。例如,改變元素的顏色或大小。
$(selector).bind('mouseout', function(){ $(this).css('background-color', 'red'); });
在上面的例子中,當(dāng)鼠標(biāo)移出元素時,元素的背景色將變?yōu)榧t色。
需要注意的是,mouseout事件是在元素的子元素移出時觸發(fā)的。如果要綁定到父元素上,可以使用mouseleave事件。
$(selector).bind('mouseleave', function(){ //執(zhí)行一些代碼 });
與mouseout不同,mouseleave事件只有在鼠標(biāo)完全移出元素時才會觸發(fā)。
綁定鼠標(biāo)移出事件可以實現(xiàn)一些有趣的效果,例如當(dāng)鼠標(biāo)移出按鈕時隱藏提示框。
$(selector).bind('mouseout', function(){ $('#tooltip').hide(); });