网页前端登录js按Enter回车键实现登陆的两种方法
投稿：jingxian
下面小编就为大家带来一篇网页前端登录js按Enter回车键实现登陆的两种方法。小编觉得挺不错的，现在分享给大家，也给大家做个参考
很简单的代码，这里介绍两种方法给大家、
第一种：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Check Score</title>
<mce:script language="JavaScript"><!--
function keyLogin(){
if (event.keyCode==13) //回车键的键值为13
document.getElementById("input1").click(); //调用登录按钮的登录事件
}
// --></mce:script>
</head>
<body onkeydown="keyLogin();">
<input type="text" />
<input type="text" />
<input type="text" /><input type="text" />
<input type="text" /><input type="text" />
<!--<input id="input1" value="登录" type="button" onclick="alert('调用成功！')">-->
<img id="input1" onclick="alert('调用成功！')"/>
</body>
</html>
第二种：
<script>
function KeyDown()
{
if (event.keyCode == 13)
{
event.returnValue=false;
event.cancel = true;
Form1.btnsubmit.click();
}
}
</script>
使用方法：
<form name="Form1" method="">
用户名:<INPUT TYPE=text SIZE=20 maxlength = 8 onkeydown=KeyDown()>
密码:<INPUT TYPE=password SIZE=20 maxlength = 8 onkeydown=KeyDown()>
<input type="submit" name="btnsubmit" value="提交" />
</form>
以上这篇网页前端登录js按Enter回车键实现登陆的两种方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。