javascript - 複数の要素に対する 1 つのイベント

Question

私はこの機能を持っています:

function Any(){
  this.b1 = $("#but1")
  this.b2 = $('<div id="but2" />')
  this.func = function(){
     alert('hello')
  }
  this.b1.on('click',function(){
   this.func()
  })
  this.b2.on('click',function(){
   this.func()
  })


}

私はこのようなことをしたい:

(this.b1, this.b2).on('click',this.close)

Answer 1

使用できますadd()

this.b1.add(this.b2).on('click',this.close);

フィドル

Answer 2

$("#but1,#but2").on("click",function(){
this.func();
});

Answer 3

.on()の高度な構文を使用すると、リスナーを
定義済みの安定したオブジェクト/セレクター (this) にアタッチして、
動的なサブコンポーネント/セレクター (#but1、#but2)の偶数を探す
ことができます。 . または後で表示します。

this.on('click','#but1,#but2',this.close);

または、より一般的なケースでは:

document.on('click','#but1,#but2', function(){ $('#my_dialog').close});