jQuery:防止输入键

发布于 2024-10-12 18:57:30 字数 191 浏览 4 评论 0原文

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

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

I am trying to prevent the enter key from being put into a textarea, but it doesn't seem to work.

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(6

忆依然 2024-10-19 18:57:30

我在 jsfiddle.net 上写了一些演示,您可以在其中尝试此代码

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

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

I have written little demonstration on jsfiddle.net, where you can try this code

Everybody has right answer :)

$('#comment').keypress(function (event) {
    if (event.keyCode === 10 || event.keyCode === 13) {
        event.preventDefault();
    }
});
〗斷ホ乔殘χμё〖 2024-10-19 18:57:30

您无法取消 keyup 事件。不过,您可以取消 keydownkeypress 事件。在文档中,请注意在“事件信息”下,keyup 的“取消”为“否”:

使用 keydown 可以让您取消比 keypress 更多的按键,但如果您不想在按键被抬起之前取消,keypress< /code> 就是你想要的。幸运的是,回车键是 keypress 事件的可取消键之一。

You can't cancel a keyup event. You can cancel keydown and keypress events though. In the documentation, notice that under "Event Information", "Cancels" is "No" for keyup:

Using keydown allows you to cancel far more keys than keypress, but if you don't want to cancel until after the key has been lifted, keypress is what you want. Fortunately for you, the enter key is one of the cancellable keys for the keypress event.

錯遇了你 2024-10-19 18:57:30

keydown 事件中使用 event.keyCode

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

Use event.keyCode in the keydown event:

$('#comment').keydown(function(event) {
   if(event.keyCode == 13) return false;
   //carry on...
});
蓝天 2024-10-19 18:57:30
$('#comment').keypress(function(event) {
    if (event.keyCode == 13) {
        event.preventDefault();
    }
});
$('#comment').keypress(function(event) {
    if (event.keyCode == 13) {
        event.preventDefault();
    }
});
海拔太高太耀眼 2024-10-19 18:57:30

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

您需要对文本进行一些后期处理(在 JavaScript 或服务器端)以删除它们。

http://jsfiddle.net/we8Gm/

但问题是,为什么?为什么不简单地使用 它会自动处理这个问题,因为它是单行输入元素?

While the answers provided here will prevent someone from typing a carriage return, it will not prevent someone from pasting one in.

You would need to do some post processing of the text (in javascript or server-side) to remove them.

http://jsfiddle.net/we8Gm/

But the question is, why? Why not simply use <input type="text"></input> which takes care of this automatically as it is a single-line input element?

烟酉 2024-10-19 18:57:30

尝试使用 .keypress 并使用 return false

祝你好运!

Try with .keypress and use return false;

Good luck!

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文