Latest web development tutorials

jQuery mouseleave() 方法

jQuery 事件方法 jQuery事件方法

實例

當鼠標指針離開<p> 元素時,設置背景色為灰色:

$("p").mouseleave(function(){
$("p").css("background-color","gray");
});

嘗試一下»

定義和用法

當鼠標指針離開被選元素時,會發生mouseleave 事件。

mouseleave() 方法觸發mouseleave 事件,或添加當發生mouseleave 事件時運行的函數。

注意:與mouseout事件不同,mouseleave事件只有在鼠標指針離開被選元素時被觸發,mouseout事件在鼠標指針離開任意子元素時也會被觸發。參見頁面底部演示實例。

提示:該事件通常與mouseenter事件一起使用。


語法

觸發被選元素的mouseleave 事件:

$(selector).mouseleave() 尝试一下

添加函數到mouseleave 事件:

$(selector).mouseleave(function) 尝试一下

参数 描述
function 可选。规定 mouseleave 事件触发时运行的函数。


實例

更多實例

mouseleave()與mouseout()之間的不同
演示mouseleave() 與mouseout() 之間的不同。


jQuery 事件方法 jQuery事件方法