javascript - Jquery 多个元素-多个事件-相同功能

Question

我还没有找到任何答案。所以问。

我的 HTML 代码

<button id="myButton">Click Me</button>
<select id="mySelect">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>

我的JS

$("#myButton").on("click", function(){
    alert("Hi");
});
$("#mySelect").on("change", function(){
    alert("Hi");
});

因此，在这两种情况下，我的函数都会执行相同的操作。我如何结合这两个事件并在那里输入我的函数？可能吗？

我听说过触发器。我可以用那个。但想知道是否有什么方法可以合并这些事件。

JSFiddle Demo

Answer 1

使用一个函数，并在事件处理程序中引用它

$("#myButton").on("click", function_name);
$("#mySelect").on("change", function_name);


function function_name() {
    // code for both handlers goes here
}