通常,通过手动单击按钮提交表单。但在某些情况下,需要使用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