jquery通過mouseover來模擬click

今天偶然遇到一個問題，想通過一個mouseover操作來模擬click的效果。

其實這件事情對於jQuery來說並不是一個難的處理。只是有段時間沒有玩jQuery，一些方法快忘掉了 :(

 

簡單記錄一下吧，方便自己以後溫故。

這裏主要採用.hover()方法來實現。

code如下：

$("#elementId").hover( function() { //simulation for click $(this).click(); //TODO }, function() { //TODO //can add code to handle mouseout event } ); 

 

BTW,將jQuery中.hover()的API加上來。

hover(over, out)

概述

一個模仿懸停事件（鼠標移動到一個對象上面及移出這個對象）的方法。這是一個自定義的方法，它爲頻繁使用的任務提供了一種“保持在其中”的狀態。

當鼠標移動到一個匹配的元素上面時，會觸發指定的第一個函數。當鼠標移出這個元素時，會觸發指定的第二個函數。而且，會伴隨着對鼠標是否仍然處在特定元素中的檢測（例如，處在div中的圖像），如果是，則會繼續保持“懸停”狀態，而不觸發移出事件（修正了使用mouseout事件的一個常見錯誤）。

參數

overFunction

鼠標移到元素上要觸發的函數

outFunction

鼠標移出元素要觸發的函數

示例

描述:

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

jQuery 代碼:

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