javascript - 动态改变onclick方法

Question

如何动态更改按钮的 onclick 方法。？

我有两种方法，一种方法的成功我想设置另一种方法..就像一个按钮的成功转移一样

Answer 1

由于您使用的是 jQuery，因此您将使用$.onand$.off来绑定和取消绑定事件。

如果您像这样附加您的处理程序：

$("#foo").on("click", function(e) {
  // event handler
});

您可以删除该处理程序并像这样添加另一个：

$("#foo")
  .off("click")
  .on("click", function(e){
    // new event handler
  });

值得注意的是$.on，$.off从 jQuery 1.7 开始，它是现在使用的首选方法。有关这些方法的更多信息，请参阅文档以及宣布它们的博客文章。

Answer 2

<input id="btn" type="button" onclick="success();" value="click me!" />
<script>
    var btn = document.getElementById('btn');
    function success(){
        alert('something');
        btn.onclick = otherFunction;
    }

    function otherFunction(){
        alert('Something new');
        // Now when you clik btn this code is going to be executed
        btn.onclick = success;
    }

</script>

Answer 3

从 jQuery 1.7 开始，.on()方法是将事件处理程序附加到文档的首选方法。

Answer 4

给你的按钮一个id，然后在第一个方法中，添加以下行：

getElementById("THE_ID_OF_THE_BUTTON").onclick = theOtherMethod;