几个元素上的一个事件

One event on several elements

本文关键字：事件 一个 元素 几个      更新时间：2023-09-26

我有这个函数：

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)

您可以使用add()

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

FIDDLE

我会保留一个选择器数组：

//code
    this.selectors = ["#but1", "#but2"];
    $(this.selectors.join(",")).on('click', this.close);
//code

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

使用.on（）的高级语法，您可以将侦听器附加到
一个已定义且稳定的对象/选择器（this），用于在
上查找偶数动态子组件/选择器（#but1，#but2）
女巫可能存在，也可能不存在。。。或稍后出现。

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

或者在更普遍的情况下：

document.on('click','#but1,#but2', function(){ $('#my_dialog').close});
相关文章：