javascript - jQuery で複数のイベントを処理してデータを渡す方法

Question

1 つの要素に複数のイベントを関連付けたい。しかし、私は各イベントに異なるデータを添付したいと考えています。jQuery で複数のイベントをアタッチする方法は次のとおりです。

 $("div.test").on({
     click: this.clickEventCalled,
     mouseenter: this.mouseEnterEventCalled
     mouseleave: this.mouseLeaveEventCalled
 });

しかし、私はこのようなことができるようにしたい:

 $("div.test").on("click", { name: "Karl" }, clickEventCalled);

そして、これを行うよりエレガントな方法があるかどうか疑問に思っていました:

 var self = this;
 $("div.test").on({
     click: function(event){
         self.clickEventCalled(event,{name:"Karl"})
     },
     mouseenter: function(event){
         self.mouseEnterEventCalled(event,{name:"Ben"})
     },
     mouseleave: function(event){
         self.mouseLeaveEventCalled(event,{name:"Ken"})
     }
 });

Answer 1

あなたはこれを行うことができます：

$("div.test").on("click", { name: "Karl" }, clickEventCalled)
             .on("mouseenter", { name: "Ben" }, mouseEnterEventCalled)
             .on("mouseleave", { name: "Ken" }, mouseLeaveEventCalled);
});