当按下回车键时,如何使用JavaScript触发按钮点击

通常,通过手动单击按钮提交表单。但在某些情况下,需要使用Enter键和按钮来提交表单或者输入字段值。您可以使用JavaScript通过按Enter键轻松触发一个按钮。
KeyboardEvent的keyCode属性有助于使用JavaScript跟踪键盘上的按键。在这个代码片段中,我们将向您展示如何使用JavaScript触发按钮单击Enter键提交表单。
下面的代码示例,提交一个表单,在这两种情况下,手动点击按钮并按键盘上的键。

  • 获取输入字段的元素。
  • 当用户释放键盘上的键时,使用addEventListener执行“keyup”功能。
  • 使用JavaScript keyCode属性检查按键的编号。
  • 如果keyCode是13,则使用click()事件触发button元素。
<form>
    <input id="myInput" placeholder="Some text.." value="">
    <input type="submit" id="myBtn" value="Submit">
</form>
<script>
var input = document.getElementById("myInput");
input.addEventListener("keyup", function(event) {
    if (event.keyCode === 13) {
        event.preventDefault();
        document.getElementById("myBtn").click();
    }
});
</script>

说明:13是键盘上回车键的编码。

日期:2020-06-02 22:16:29 来源:oir作者:oir