首頁  >  事件  > hover([over,]out)

返回值:jQuery hover([over,]out)

概述

一個模仿懸停事件(滑鼠移動到一個對像上面及移出這個對像)的方法。這是一個自定義的方法,它為頻繁使用的任務提供了一種「保持在其中」的狀態。

當滑鼠移動到一個匹配的元素上面時,會觸發指定的第一個函式。當滑鼠移出這個元素時,會觸發指定的第二個函式。而且,會伴隨著對滑鼠是否仍然處在特定元素中的檢測(例如,處在div中的影象),如果是,則會繼續保持「懸停」狀態,而不觸發移出事件(修正了使用mouseout事件的一個常見錯誤)。

參數

over,out Function,Function V1.0

over:滑鼠移到元素上要觸發的函式

out:滑鼠移出元素要觸發的函式

out Object V1.4

當滑鼠移到元素上或移出元素時觸發執行的事件函式

示例

over,out 描述:

滑鼠懸停的表格加上特定的類

jQuery 程式碼:

$("td").hover(
  function () {
    $(this).addClass("hover");
  },
  function () {
    $(this).removeClass("hover");
  }
);

out 描述:

hover()方法通過繫結變數"handlerInOut"來切換方法。

jQuery 程式碼:
$("
td
").bind("mouseenter mouseleave",handlerInOut);
$("
td
").hover(handlerInOut);