原生js按回车键实现登录

最新推荐文章于 2022-09-05 18:28:26 发布

weixin_30381793

最新推荐文章于 2022-09-05 18:28:26 发布

阅读量258

点赞数

原文链接：http://www.cnblogs.com/chenyoumei/p/8043243.html

版权

这篇文章主要介绍了原生JS按回车键实现登录的方法，众所周知，这是在web程序设计中的一个非常实用的小技巧，主要用于表单提交，包括注册、登录等等功能，具有很好的用户体验，有着非常广泛的实用价值，需要的朋友可以参考一下：

<html>
<head>
<title>原生JS按回车键实现登录</title>
<meta charset="utf-8">
</head>
<body>
<input placeholder="请输入用户名" type="text" οnkeydοwn="keyEnter()">
<input placeholder="请输入密码" type="password" οnkeydοwn="keyEnter()">
<input value="登录" type="button" name="submit" onClick="login()">
<script type="text/javascript">
function keyEnter(){//按下enter键，执行登录按钮的登录事件 回车键的键值为13
if(event.keyCode==13){
document.getElementsByName("submit")[0].click();
}
}
function login(){
alert('调用成功666！');
}
</script>
</body>
</html>

具体的登录功能，放到login()中即可。

转载于:https://www.cnblogs.com/chenyoumei/p/8043243.html