javascript - 如何使用 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
    }
}