jquery通過mouseover來類比click

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

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

 

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

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

code如下：

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

 

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

hover(over, out)概述

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

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

參數 overFunction

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

outFunction

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

樣本描述:

滑鼠移至上方的表格加上特定的類

jQuery 代碼:

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