jQuery：防止输入键[重复]答案

【问题标题】：jQuery: Prevent enter key [duplicate]jQuery：防止输入键[重复]
【发布时间】：2011-06-12 20:01:45
【问题描述】：

我试图阻止 enter 键被放入文本区域，但它似乎不起作用。

$('#comment').keyup(function(event) {
  if (event.text.charCodeAt() == '10') {
     event.preventDefault();
   }
});

【问题讨论】：

【解决方案1】：

我在jsfiddle.net上写了小演示，你可以试试这段代码

每个人都有正确的答案:)

$('#comment').keypress(function (event) {
    if (event.keyCode === 10 || event.keyCode === 13) {
        event.preventDefault();
    }
});

【讨论】：

【解决方案2】：

您无法取消keyup 事件。不过，您可以取消 keydown 和 keypress 事件。在文档中，请注意在“事件信息”下，keyup 的“取消”为“否”：

使用keydown 可以让您取消比keypress 更多的键，但是如果您不想在取消键之前取消，keypress 就是您想要的。幸运的是，回车键是keypress 事件的可取消键之一。

【讨论】：

【解决方案3】：

在keydown 事件中使用event.keyCode：

$('#comment').keydown(function(event) {
   if(event.keyCode == 13) return false;
   //carry on...
});

【讨论】：

【解决方案4】：

$('#comment').keypress(function(event) {
    if (event.keyCode == 13) {
        event.preventDefault();
    }
});

【讨论】：

【解决方案5】：

虽然此处提供的答案会阻止某人输入回车，但不会阻止某人粘贴回车。

您需要对文本进行一些后期处理（在 javascript 或服务器端）才能删除它们。

但问题是，为什么？为什么不简单地使用<input type="text"></input>，因为它是一个单行输入元素，它会自动处理这个问题？

【讨论】：

【解决方案6】：

尝试使用.keypress 并使用return false；

祝你好运！

【讨论】：