jQuery捕获两个不同元素上的两个不同事件以运行相同的功能

Question

使用JQuery，我在两个不同的元素上有两个 different 事件，我想触发相同的功能。有什么方法可以将两个单独的语句组合成一个语句-

示例：

$('#element1').on('change', function () {
      myFunction();
});

$('#element2').on('click', function () {
      myFunction();
});

是否有某种方式可以将它们组合成一条语句？

我想做 like -

//this does not work
$('#element1','#element2').on('change, click', function () {
      myFunction();
});

注意：

• 事件“更改”应仅应用于“＃element1”

• 事件“点击”应仅应用于“＃element2”。

• 事件“更改”应不应用于“＃element2”

• 事件“点击”应不应用于“＃element1”。

Answer 1

可以做到的。

$('#element1, #element2').on('click change', function(event){
    var $this = $(this);
    if (($this.is('#element1') && event.type === 'change') ||  ($this.is('#element2') && event.type === 'click')) {
        myFunction();
    }
});