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演示

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>