javascript - 清除 JavaScript 中的函数

Question

这似乎是一个简单的问题。我试图用谷歌搜索答案，但我似乎找不到它，所以这就是我来这里寻求帮助的原因。部分问题是我无法正确地表达这个问题，所以我将尝试在这里解释它。这里...

我的 JavaScript 文件中有两个函数(我们将它们命名为 fn1() 和 fn2())。我在 HTML 文件中使用 onclick 调用这些函数。例如:

<span class="test" onclick="fn1();">Button #1</span>
<span class="test" onclick="fn2();">Button #2</span>

当用户单击各自的按钮时，这些功能可以正常工作。但是，如果用户单击按钮 #1，然后单击按钮 #2 - 这两个函数都会同时调用/加载。

问题:如何使 fn1() 在用户单击按钮 #2 时立即禁用(或清除)，该按钮将加载 fn2()？

谢谢。

Answer 1

您可以使用 jQuery 方式 noop method

在 fn1() 函数中，您应该使用 $.noop() 来清空函数 fn2()

或者简单地当您在 onclick 上调用它时，您可以在该函数中删除该属性。 (我不建议使用这个)

$('span.test').not($(this)).removeAttr('onclick');

但我强烈建议使用namespace通过它，您可以像下面这样取消绑定(bind)点击事件，而不是调用内联javascript:

on method

$( "span.test" ).on( "click.something", function( event ) {
//do your stuff here
});

稍后您可以像这样取消绑定(bind)点击事件:

off method

$("span.test").off("click.something");