Multiple Button Click Events Jquery On

Question

我可以将多个Button Click事件绑定到以下相同功能吗？

$(document).on("click", "#btn1 #btn2 #btn3", callbackFunction);

Answer 1

Use commas to separate the values:

$(document).on("click", "#btn1, #btn2, #btn3", callbackFunction);

Then you can determine which one called you by accessing the this object, so the following would alert the id of the element clicked:

$(document).on("click", "#btn1, #btn2, #btn3", function () { 
     alert($(this).attr("id"));
});

For example, this fiddle: http://jsfiddle.net/SFLDw/1/

Answer 2

Yes you can. However, you need to separate them with a comma.

$(document).on("click", "#btn1, #btn2, #btn3", callBackFunction);

If possible, it might be wise to assign a class to the buttons and use the class as the seletor. Any button with that class will be bound to the event. This will keep you from having to add additional selectors.