jquery - 两个元素 - 一次单击，另一个悬停，一个功能

Question

我试图让 button1 和 button2 有每个触发器，但功能相同。

像这样的东西：

$("#button1").hover,$("#button2").click (function () {...

Answer 1

函数参数可以接收指向函数的指针。

所以：

$("#button1").hover(DoSomething);
$("#button2").click(DoSomething);

function DoSomething() {
     //does something...
}

Answer 2

使用.bind()它允许您将多个事件绑定到一个对象。

$(obj).bind('hover, click',function(e){.....})

见这里：http: //jsfiddle.net/uc9W9/

编辑：：：

.on()如果您使用的是较新版本的 jquery，请改用，因为将来.bind()版本的 jquery 可能不会使用

见这里：http: //jsfiddle.net/uc9W9/1/

Answer 3

您可以更好地定义一次事件处理函数并在两个事件中绑定相同的函数。

var callback = function() { ... }
$('#button1').hover(callback);
$('#button2').click(callback);