如果选择输入&运行功能按回车键

时间:2017-11-23 20:24:51

标签: javascript

当我选择输入框时按下回车键,我试图让一个简单的功能运行。我认为这可能是一个简单的修复,但无法找到解决方案。我认为问题是runOnEnter(" keypress")但我不知道如何传递一个'密钥'进入要由函数测试的参数。

有人能告诉我如何将密钥传递给参数吗?或者还有另一种方法可以解决问题吗?谢谢!



document.getElementById("this-checker").addEventListener("keypress", runOnEnter("keypress"));

function runOnEnter(e) {
    if (e.keyCode == 13) {
         alert('hi');
    }
}

<div id="first-div">

          <input type="text" placeholder="Enter url here..." id="this-checker" value="urlhere">
          
</div>

        
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

您可以像这样绑定事件:

.addEventListener("keypress", runOnEnter);

然后,当事件被触发时,e会自动传递给runOnEnter

另外一点,我建议使用e.which代替e.keyCode

function runOnEnter(e) {
    if (e.which == 13) {
         alert('hi');
    }
}

这是为了确保您的代码在所有浏览器中正常运行。