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 
} 

Answer 2

您可以使用JavaScript函数

<script> 
    function clickme(){ 
    alert("Hi"); 
    } 
    </script>  

<button id="myButton" onclick="clickme()">Click Me</button> 
    <select id="mySelect" onchange="clickme()"> 
     <option value="1">1</option> 
     <option value="2">2</option> 
     <option value="3">3</option> 
     <option value="4">4</option> 
    </select>