如何使用 Enter 键作为事件处理程序 (javascript)？

Question

我试图进行自己的聊天...所以我有一个输入文本字段，提交按钮，甚至不是提交，它只是一个按钮...所以当按下回车键时，我需要的值输入字段出现在我的文本区域（只读）中......

好吧......长话短说，我只想要一个基本的输入键事件处理程序，我知道它与提交按钮完美配合，因为你不需要编程任何东西，它的默认值。但我的按钮是 type="button" ....所以当你按 Enter 时什么也没有发生...我如何通过按 Enter 触发我的按钮？

Answer 1

您可以使按钮类型为 submit，也可以使用 onkeyup 事件处理程序并检查键码 13。

以下是键码列表：Javascript 字符代码/键代码) 。您必须知道如何从事件中获取键码。

编辑：示例

HTML：

<input onkeyup="inputKeyUp(event)" ...>

纯 JavaScript：

function inputKeyUp(e) {
    e.which = e.which || e.keyCode;
    if(e.which == 13) {
        // submit
    }
}

Answer 2

这是一个用于监听回车键的工作代码片段

$(document).ready(function(){

    $(document).bind('keypress',pressed);
});

function pressed(e)
{
    if(e.keyCode === 13)
    {
        alert('enter pressed');
        //put button.click() here
    }
}

Answer 3

这是当前接受的答案的一个版本（来自@entonio），其中 key 而不是 keyCode：

HTML：

<input onkeyup="inputKeyUp(event)" ...>

纯 JavaScript：

function inputKeyUp(e) {
    if (e.key === 'Enter') {
        // submit
    }
}