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");  });