網(wǎng)頁前端登錄js按Enter回車鍵實現(xiàn)登陸的兩種方法

字號:


    面小編就為大家?guī)硪黄W(wǎng)頁前端登錄js按Enter回車鍵實現(xiàn)登陸的兩種方法。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考
    很簡單的代碼,這里介紹兩種方法給大家、
    第一種:
    <!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(); //調(diào)用登錄按鈕的登錄事件 
        } 
    // --></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('調(diào)用成功!')">-->
        <img id="input1" onclick="alert('調(diào)用成功!')"/> 
    </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>
    以上這篇網(wǎng)頁前端登錄js按Enter回車鍵實現(xiàn)登陸的兩種方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考