面小編就為大家?guī)硪黄W頁前端登錄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回車鍵實現登陸的兩種方法就是小編分享給大家的全部內容了,希望能給大家一個參考