jQuery 事件 mouseleave() 方法
jQuery 事件 mouseleave() 方法
當鼠標指針離開元素時,會發生 mouseleave 事件。
該事件大多數時候會與 mouseenter 事件一起使用。
mouseleave() 方法觸發 mouseleave 事件,或規定當發生 mouseleave 事件時運行的函數。
注釋:與 mouseout 事件不同,只有在鼠標指針離開被選元素時,才會觸發 mouseleave 事件。如果鼠標指針離開任何子元素,同樣會觸發 mouseout 事件。請看下面例子的演示。
1. 范例
當鼠標指針離開元素時,改變元素的背景色:
$("p").mouseleave(function(){ $("p").css("background-color","#E9E9E4"); });
2. 觸發 mouseleave 事件
語法
$(selector).mouseleave()
3. 將函數綁定到 mouseleave 事件
語法
$(selector).mouseleave(function)
參數 | 描述 |
---|---|
function | 可選。規定當發生 mouseleave 事件時運行的函數。 |
當鼠標指針從元素上移開時,發生 mouseout 事件。該事件大多數時候會與 mouseover 事件一起使用。mouseout() 方法觸發 mouseout 事件,或規定當發生 mouseout 事件時運行的函數。與 mouseleave 事件不同,不論鼠標指針離開被選元素還是任何子元素,都會觸發 mouseout 事件。只有在鼠標指針離開被選元素時,才會觸發 mouseleave 事件。
相關文章
- jQuery 事件
- jQuery 效果 隱藏和顯示
- jQuery 刪除元素
- jQuery 獲取并設置 CSS 類
- jQuery css() 方法
- jQuery 事件 change() 方法
- jQuery 事件 preventDefault() 方法
- jQuery 事件 mousedown() 方法
- jQuery 核心 noConflict() 方法
- jQuery 數據 jQuery.removeData() 方法
- jQuery 遍歷 add() 方法
- jQuery 遍歷 andSelf() 方法
- jQuery 遍歷 prevAll() 方法
- jQuery 遍歷 slice() 方法
- jQuery 屬性操作 addClass() 方法
- jQuery 文檔操作 text() 方法
- jQuery 文檔操作 unwrap() 方法
- jQuery 文檔操作 wrap() 方法
- jQuery :lt 選擇器
- jQuery :button 選擇器