js表单提交enter触发提交

原创已于 2022-04-22 09:45:10 修改 · 561 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

于 2020-06-23 10:56:06 首次发布

javascript 专栏收录该内容

66 篇文章

订阅专栏

本文介绍了一个使用键盘事件触发表单提交的简单示例。通过监听回车键，该示例能够获取表单中用户名和密码的输入值，并在控制台中显示这些数据。这种技术可以用于增强网页表单的用户体验。

<div>
    <label for="username">用户名：</label><input type="text" id="username" value="123">
</div>
<div>
    <label for="password">密  码：</label><input type="password" id="password" value="123"></div>
<button id="sousou">提交</button>

var e =e|| window.event;
document.onkeydown = function(e){
    if ((e.keyCode || e.which) == 13){
	    var data={
		    username:$("#username").val(),
		    password:$("#password").val()
	    }
	    console.log(data);
						
    }
}

关注博主即可阅读全文