jQuery 事件 mouseout() 方法

jquery 事件 mouseout() 方法

當(dāng)鼠標(biāo)指針從元素上移開時(shí)，發(fā)生 mouseout 事件。

該事件大多數(shù)時(shí)候會與 mouseover 事件一起使用。

mouseout() 方法觸發(fā) mouseout 事件，或規(guī)定當(dāng)發(fā)生 mouseout 事件時(shí)運(yùn)行的函數(shù)。

注釋：與 mouseleave 事件不同，不論鼠標(biāo)指針離開被選元素還是任何子元素，都會觸發(fā) mouseout 事件。只有在鼠標(biāo)指針離開被選元素時(shí)，才會觸發(fā) mouseleave 事件。請看下面例子的演示。

：mouseleave 與 mouseout 的不同

1. 范例

當(dāng)鼠標(biāo)從元素上移開時(shí)，改變元素的背景色：

$("p").mouseout(function(){
  $("p").css("background-color","#e9e9e4");
});

2. 觸發(fā) mouseout 事件

語法

$(selector).mouseout()

3. 將函數(shù)綁定到 mouseout 事件

語法

$(selector).mouseout(function)

參數(shù)	描述
function	可選。規(guī)定當(dāng)發(fā)生 mouseout 事件時(shí)運(yùn)行的函數(shù)。

jquery 參考手冊事件 jquery 參考手冊事件

下一節(jié)：jquery 事件 mouseover() 方法

jquery 教程

當(dāng)鼠標(biāo)指針位于元素上方時(shí)，會發(fā)生 mouseover 事件。該事件大多數(shù)時(shí)候會與 mouseout 事件一起使用。mouseover() 方法觸發(fā) mouseover 事件，或規(guī)定當(dāng)發(fā)生 mouseover 事件時(shí)運(yùn)行的函數(shù)。與 mouseenter 事件不同，不論鼠標(biāo)指針穿過被選元素或其子元素，都會觸發(fā) mouseover 事件。只有在鼠標(biāo)指針穿過被選元素時(shí)，才會觸發(fā) mouseenter 事件。

http://www.slktour.com/jquery/jquery-event-mouseout.html