javascript - 如何以编程方式删除附加的 jQuery 函数？

Question

在$.ready()中，我声明了一个click函数，如下所示

$(document).ready(function(){
    $("#btnClk").click(function(clkevent){
        //Doing Something Here
        clkevent.preventDefault();
    });

});

我想从另一个 javaScript 函数的 $("#btnClk") 中删除这个 click() 。我怎样才能做到这一点？

Answer 1

所提出的解决方案的问题之一是它们删除了所有已注册的点击事件处理程序，这可能是不需要的。

解决此问题的方法是将处理程序方法分离到两个参与方法共享的公共(public)范围，然后使用该方法引用以及 .off()解决这个问题

function btnclickHandler(clkevent){
    //Doing Something Here
    clkevent.preventDefault();
}

$(document).ready(function(){
    $("#btnClk").click(btnclickHandler);
});

$("#btnClk").off('click', btnclickHandler);