javascript preventdefault 杀死按键

Question

在 osx 10.6.8 上使用 chrome 15

当添加事件监听器时，我发现在使用 keypress 事件时将 preventDefault 放入，我会遇到很多问题。

Take a look here

取消注释带有 event.preventDefault(); 的行，您会看到按键事件停止工作。怎么回事？

Answer 1

preventDefault() 完全按照预期的方式工作。它停止键的默认操作。如果您想要按键的默认操作，则不要调用它。

在 Chrome 和 Firefox 中，我看到重复按键，即使 preventDefault() 从您的 fiddle 中取消注释也是如此。也许您正在失去注意力。

如果您更多地描述您想要完成的目标，这将有助于我们了解在此处建议的内容。

在您的 jsFiddle 中，您正在监听文档级别的键。当击键传播到文档时，它们已经被它们所针对的各个对象处理过。如果你想拦截并阻止键被处理，你必须在它们最初针对的对象的事件处理程序中处理它们。您无法从文档级别阻止键的默认设置。在 this jsFiddle我拦截了他们去的第一个对象的击键，你可以看到他们完全被阻止了。您可能还想知道跨浏览器行为在这方面并不完美，因为您可以看到一些浏览器差异 here .