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

Question

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

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

Answer 1

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

以下是关键代码列表：Javascript Char codes/Key codes)。您必须知道如何从事件中获取密钥代码。

编辑：一个例子

HTML：

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

纯javascript：

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

Answer 2

这是一个用于监听回车键的工作代码 sn-p

$(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
    }
}