从 jquery 元素中删除 keydown 事件不起作用

Question

我在元素上有 keydown 事件。

$("#element").keydown(function() {
     // do stuff!
});

现在我想删除它。

我尝试了unbind 和off，但都没有工作。

$("#element").unbind("click");
$("#element").off("click");

如果使用unbind 或off，我是否需要使用.on("click", function...) 或.bind("click", function...) 而不是.click。如果是这样，这不是我的代码，我不允许修改它，所以我需要一种替代方法。

除了“取消绑定”或“关闭”之外，还有其他方法可以真正起作用吗？

谢谢，非常感谢您的帮助！

Answer 1

.off( events [, selector ] [, handler ] )：添加的版本：1.7

.unbind( eventType [, handler ] )：添加的版本：1.0

.on() 方法将事件处理程序附加到 jQuery 对象中当前选定的元素集。从 jQuery 1.7 开始，.on() 方法提供了附加事件处理程序所需的所有功能。有关从旧 jQuery 事件方法转换的帮助，请参阅 .bind()、.delegate() 和 .live()。要删除与 .on() 绑定的事件，请参阅 .off()。要附加只运行一次然后自行删除的事件，请参阅 .one()

所以，我建议注意jQuery版本，因为bind/unbind用的不多。

在下面的 sn-p 中，您可以看到 .off() 工作正常：

$( window ).load(function() {
  $("#element").keydown(function(e) {
    console.log('keydown event');
  });
  $("#elementOff").click(function() {
    // unbind keydown
    $("#element").off('keydown');
    
    // attach click
    $("#element").off('click').click(function(e) {
      console.log('click event');
    });
  });
});

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>

<form>
  <input id="element" type="text">
</form>
<button id="elementOff">Unbind Keydown and attach Click</button>

Answer 2

由于 .click() 方法只是 .on( "click", handler ) 的简写，因此可以使用分离.关闭（“点击”）：

$("#element").off("click", function(){
    $("#element").hide(); //not working
});

$("#element2").on("click", function() {
    $("#element2").hide(); //working
});

所以如果你有一个 .keydown( handler )，它就是 .on( "keydown", handler ) 在第一个和第二个变体，以及第三个中的 .trigger( "keydown" )。

提供的参数必须与要删除的事件处理程序相匹配。

如果您不想修改现有脚本或者它可能会被更改，我建议您只需在 html 页面中包含一个外部 .js 脚本即可解除事件绑定：

<script src="your_external_script.js"></script>

内容相似：

$(document).ready(function(){
    $("#element2").unbind("click");
});