javascript - jQuery .on 使用事件委托处理多个事件

Question

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

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

Answer 1

您可以使用地图链接多个事件或附加多个事件。

链接多个 ons：

例子：

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

演示：http: //jsfiddle.net/MG8S7/4/

使用 Map 附加事件：

例子：

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

演示：http: //jsfiddle.net/MG8S7/9/

希望这可以帮助！