jQuery - KeyPress / KeyCode with enter to click按钮功能

时间:2015-12-12 04:25:21

标签: jquery html

我正在学习jQuery,并设法将以下功能用于将“输入”的键盘点击附加到按钮。虽然我无法解决为什么我需要在函数参数或if语句的开头添加任何内容。

例如,为什么这样做:

$('#enter').keypress(function(event) {
        if(event.keyCode == 13) {
            $('button').click();
        };
    });

这不是:

$('#enter').keypress(function() {
        if(keyCode == 13) {
            $('button').click();
        };
    });

这是HTML:

<input id="enter" placeholder="Enter text"></input>
<button>Get Info</button>

我在努力理解“事件”的重要性。

1 个答案:

答案 0 :(得分:0)

在第一个示例中,您将event object传递给该函数。触发事件时,keyCode是关联的event对象上的属性。如果您未传递event对象,则无法访问keyCode属性,这就是您的第二个示例无效的原因。

作为旁注,input元素没有结束标记。

变化:

<input id="enter" placeholder="Enter text"></input>

为:

<input id="enter" placeholder="Enter text" />