网页前端登录js按Enter回车键实现登陆的两种方法
时间：2021-06-05 08:57:07|栏目：JavaScript代码|点击： 次
很简单的代码，这里介绍两种方法给大家、
第一种：
<!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>
栏 目：JavaScript代码
下一篇：npm qs模块使用详解
本文标题：网页前端登录js按Enter回车键实现登陆的两种方法
本文地址：http://www.codeinn.net/misctech/135468.html
