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

时间:2011-05-09 00:24:22

标签: javascript events button handler enter

我试图自己聊天...所以我有一个输入文本字段,提交按钮,甚至没有提交,它只是一个按钮....所以当按下回车键时,我需要要在我的textarea中显示的输入字段的值(只读)...

很好看..长话短说,我只想要一个基本的输入键事件处理程序,我知道它与提交按钮完美配合,你不需要编程任何东西,默认情况下。但是我的按钮是type =“button”....所以当你按下输入时没有任何反应...如何通过按Enter来触发我的按钮?

3 个答案:

答案 0 :(得分:13)

您可以设置按钮类型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
    }
}

答案 1 :(得分:3)

以下是用于收听回车键的工作代码段

$(document).ready(function(){

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

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

答案 2 :(得分:-1)

这里是key而不是keyCode的当前接受的答案的版本(来自@entonio):

HTML:

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

普通的javascript:

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