Javascript 在 ENTER 上提交文本框

Question

可能重复：

将文本框绑定到“输入”键

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

有什么办法可以使用 JavaScript 从 TextBox 提交该值吗？

谢谢。

原文由 harisdev 发布，翻译遵循 CC BY-SA 4.0 许可协议

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 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

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

如果您没有表单，请将 $(this).closest('form').submit(); 替换为您拥有的任何 AJAX/提交逻辑。

原文由 nachito 发布，翻译遵循 CC BY-SA 4.0 许可协议