首页 文章

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

提问于
浏览
8

这个问题在这里已有答案:

即时通讯尝试进行自己的聊天...所以我有一个输入文本字段,提交按钮,甚至没有提交,它只是一个按钮....所以当按下回车键时,我需要的值输入字段出现在我的textarea(只读)...

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

3 回答

  • -1

    您可以使按钮类型 submit ,或者您可以使用 onkeyup 事件处理程序并检查键代码13 .

    这是一个关键代码列表:Javascript Char codes/Key codes) . 您必须知道如何从事件中获取密钥代码 .

    edit: an example

    HTML:

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

    简单的javascript:

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

    Here is a working code snippet for listening for the enter key

    $(document).ready(function(){
    
        $(document).bind('keypress',pressed);
    });
    
    function pressed(e)
    {
        if(e.keyCode === 13)
        {
            alert('enter pressed');
            //put button.click() here
        }
    }
    
  • 13

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

    HTML:

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

    简单的javascript:

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

相关问题