很簡單的代碼,這裡介紹兩種方法給大家、
第一種:
<!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回車鍵實現登陸的兩種方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。