hover([over,]out)

2018-02-24 15:14 更新

返回值:jQueryhover([over,]out)

概述

一個模仿懸停事件(鼠標(biāo)移動到一個對象上面及移出這個對象)的方法。這是一個自定義的方法,它為頻繁使用的任務(wù)提供了一種“保持在其中”的狀態(tài)。

當(dāng)鼠標(biāo)移動到一個匹配的元素上面時,會觸發(fā)指定的第一個函數(shù)。當(dāng)鼠標(biāo)移出這個元素時,會觸發(fā)指定的第二個函數(shù)。而且,會伴隨著對鼠標(biāo)是否仍然處在特定元素中的檢測(例如,處在div中的圖像),如果是,則會繼續(xù)保持“懸停”狀態(tài),而不觸發(fā)移出事件(修正了使用mouseout事件的一個常見錯誤)。

參數(shù)

over,outFunction,FunctionV1.0

over:鼠標(biāo)移到元素上要觸發(fā)的函數(shù)

out:鼠標(biāo)移出元素要觸發(fā)的函數(shù)

outObjectV1.4

當(dāng)鼠標(biāo)移到元素上或移出元素時觸發(fā)執(zhí)行的事件函數(shù)

示例

over,out 描述:

鼠標(biāo)懸停的表格加上特定的類

jQuery 代碼:
$("td").hover(
  function () {
    $(this).addClass("hover");
  },
  function () {
    $(this).removeClass("hover");
  }
);

out 描述:

hovre()方法通過綁定變量"handlerInOut"來切換方法。

jQuery 代碼:
$("

td

").bind("mouseenter mouseleave",handlerInOut);
$("

td

").hover(handlerInOut);
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號