Javascript 使用事件委派处理多个事件的jQuery.on

使用jQuery 1.8.2使用事件委派将多个事件绑定到单个类：

$(document).on("focus blur", ".myClass", function() {
    console.log("Ba da boom.");
});

---

您可以使用映射链接多个事件或附加多个事件

链多个ON：

例如：

$(document).on("focus", ".myClass", function(){
    //do something
}).on("blur", ".myClass",  function(){
    //do something else
});

$(".myClass").on({
  focus: function(){
   //do something
  },
  blur: function(){
    //do something else
  },
  mouseenter: function(){
    //do one more thing
  }   
});

演示：

使用映射附加事件：

例如：

$(document).on("focus", ".myClass", function(){
    //do something
}).on("blur", ".myClass",  function(){
    //do something else
});

$(".myClass").on({
  focus: function(){
   //do something
  },
  blur: function(){
    //do something else
  },
  mouseenter: function(){
    //do one more thing
  }   
});

演示：

---

希望这有帮助

控制台在崩溃前说了什么？为什么要绑定到

文档

？你就不能把它绑在更近的父母身上吗？这就是

.live（）

被弃用并被

.on（）

所取代的全部原因。实际上，我发现只要我不成对单击和聚焦事件，第一个代码示例就可以工作。在Chrome崩溃之前，错误显示为“”。Sushanth是正确的，上面的代码可以工作。错误是由于我的应用程序中的单击和焦点组合造成的。我已经更改了我的条目以显示正确的代码。您的代码运行良好，谢谢您，但是像上面一样将事件列在一起也可以运行，并且看起来更简洁。我想我应该回答这个问题而不是编辑我的问题。很抱歉