JavaScript如何在按下"Enter"键时提交文本框内容

Question

可能是重复问题：
将文本框绑定到“enter”键

我使用AJAX和jQuery创建了一个聊天系统，并且没有用<form>标签包装用于聊天消息的文本框，因此我无法使用键盘上的 ENTER 按钮提交该消息。

是否有任何方法可以使用javascript从TextBox提交该值？

谢谢。

- harisdev

Answer 1

document.getElementById("id_of_your_textbox").addEventListener("keydown", function(e) {
    if (!e) { var e = window.event; }
    e.preventDefault(); // sometimes useful

    // Enter is pressed
    if (e.keyCode == 13) { submitFunction(); }
}, false);

- user625860

---

如果你正在使用一个函数来执行其他操作，就像我一样，请记得在函数调用之前抛出e.preventDefault();以防止表单被提交。 - DShook

原始代码阻止我在框中输入任何内容，编辑后使其正常工作。 - grepsedawk

Answer 2

$('#textboxId').keydown(function (event) {
    let keyPressed = event.keyCode || event.which;
    if (keyPressed === 13) {
        $(this).closest('form').submit();
    }
});

如果你没有表单，那么请用你自己的AJAX/提交逻辑代替$(this).closest('form').submit();。

- nachito

Answer 3

你需要监听 ENTER 键按下事件。可以查看JavaScript 中的 Enter 键按下事件，了解一些实现示例。

- moranjk