jQuery链接不同的事件和元素来触发相同的功能

时间:2016-01-25 10:52:01

标签: jquery events

有没有办法将多个事件和元素链接起来以触发相同的功能? 所以在下面的例子中,我有一个按钮和一个下拉列表。如何链接各自的事件以调用相同的函数。

$("#btnOne #dropdownOne").on('click change', function () {
    someFunction();

}

目前我必须做以下事情:

$("#btnOne").on('click', function () {
    someFunction();

}


$("#dropdownOne").change(function () {
    someFunction();

}

1 个答案:

答案 0 :(得分:2)

您只需使用逗号分隔选择器:

$("#btnOne, #dropdownOne").on('click change', function () {
    someFunction();    
});

另请注意,您可以将someFunction的引用传递给处理程序,这样您就可以使用this关键字确定哪个元素触发了事件 - 如果您需要:

$("#btnOne, #dropdownOne").on('click change', someFunction);