从jQuery 1.7开始，.on()方法是将事件处理程序附加到文档的首选方法。对于早期版本，.bind()方法用于将事件处理程序直接附加到元素。

$(document).on('mouseover mouseout',".brand", function () {
  $(".star").toggleClass("hovered");
})

如果你将同一个事件处理程序附加到几个事件上，你经常会遇到多个事件同时触发的问题(例如，用户在编辑后按tab键;按键、改变和模糊都可能触发)。

听起来你真正想要的是这样的:

$('#ValidatedInput').keydown(function(evt) {
  // If enter is pressed
  if (evt.keyCode === 13) {
    evt.preventDefault();

    // If changes have been made to the input's value, 
    //  blur() will result in a change event being fired.
    this.blur();
  }
});

$('#ValidatedInput').change(function(evt) {
  var valueToValidate = this.value;

  // Your validation callback/logic here.
});

我正在寻找一种方法来获得事件类型时，jQuery监听几个事件，谷歌把我放在这里。

对于那些感兴趣的人，event。键入是我的答案:

$('#element').on('keyup keypress blur change', function(event) {
    alert(event.type); // keyup OR keypress OR blur OR change
});

更多信息请参阅jQuery文档。

而不是:

$('#element').on('keyup keypress blur change', function(e) {
    // e.type is the type of event fired
});

你可以使用:

$('#element').on('input', function(e) {
    // e.type is the type of event fired
});

输入触发键up键按模糊改变事件，甚至粘贴!

Tatu的答案是我如何直观地做到这一点，但我在Internet Explorer中遇到了一些问题，这种嵌套/绑定事件的方式，即使它是通过.on()方法完成的。

我还不能准确地指出问题出在jQuery的哪个版本上。但我有时会在以下版本中看到问题:

2.0.2 1.10.1 1.6.4, 移动1.3.0b1 移动1.4.2 移动1.2.0

我的解决方法是先定义函数，

function myFunction() {
    ...
}

然后分别处理这些事件

// Call individually due to IE not handling binds properly
$(window).on("scroll", myFunction);
$(window).on("resize", myFunction);

这不是最漂亮的解决方案，但它适合我，我想我会把它放在那里，以帮助其他可能偶然发现这个问题的人

但为了防止多重触发:

var a;
var foo = function() {
    clearTimeout(a);
    a=setTimeout(function(){
        //your code
        console.log("Runned")
    },50);
}
$('textarea').on('blur change', foo);