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>

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

2 个答案: