jquery - 如何在函数中嵌入多个事件？

Question

我有这样的：

$(selector).on('click hover', function() { /*code to be executed*/ });

但只是click被触发而不是hover。

Answer 1

没有hover事件。jQuery 的悬停函数侦听mouseenter并mouseleave方便地绑定两个事件处理程序。

如果您希望在鼠标进入对象时调用您的函数，请执行

$(selector).on('click mouseenter', function(){/*code to be executed*/});

Answer 2

在 jQuery 1.8 中已弃用，在 1.9 中删除：名称“hover”用作字符串“mouseenter mouseleave”的简写。它为这两个事件附加了一个事件处理程序，并且处理程序必须检查event.type以确定事件是mouseenter还是mouseleave。不要将“悬停”伪事件名称与.hover()接受一两个函数的方法混淆。

http://api.jquery.com/on/

Answer 3

$("#target").hover(function(){
  $(this).click();
}).click(function(){
  //common function
});

Answer 4

我也可以这样管理：

var ch= function () {
    // code to be executed
}
$(selector).click(ch).hover(ch);