JS按回車鍵實現登錄的方法


按回車實現登錄的方法可用js來進行實現,有以下三種方法:

  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">(此代碼為瀏覽器以中文的形式呈現)

方法一:

< html >
< head >
< title >Check Score</ title >
< script language = "JavaScript" >
function keyLogin(){
  if (event.keyCode==13)  //回車鍵的鍵值為13
    document.getElementByIdx_x("input1").click(); //調用登錄按鈕的登錄事件
}
</ script >
</ head >
< body onkeydown = "keyLogin();" >
< input id = "input1" value = "登錄" type = "button" 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 >
 
方法三:
< html >
< head >
< title ></ title >
< meta http-equiv = "Content-Type" content = "text/html; charset=gb2312" >
< link rel = "stylesheet" href = "css/text.css" type = "text/css" >
</ head >
< body bgcolor = "#FFFFFF" text = "#000000" leftmargin = "0" topmargin = "0" marginwidth = "0" marginheight = "0" onkeydown = "on_return();" >
   < form name = "loginForm" method = "post" action = "fuck.html" >       
    < table width = "100%" border = "0" cellspacing = "0" cellpadding = "0" >
  < tr >
  < td width = "69%" height = "30" >< span class = "font_04" >帳戶名</ span >
   < input type = "text" name = "userName" size = "18.5" >
  </ td >
     </ tr >
     < tr >
  < td width = "69%" height = "30" >< span class = "font_04" >密 碼</ span >
   < input type = "password" name = "pwd" >
  </ td >
     </ tr >
     < tr >
  < td width = "31%" height = "30" >
  < a id = "sub" onClick = 'check()' >
  登陸</ a ></ td >
     </ tr >
    </ table >
   </ form >
</ body >
</ html >
< script language = "javascript" >
function check() {
     var formname=document.loginForm;
    if (formname.userName.value == "") {
     alert("請輸入用戶名!");
     formname.userName.focus();
     return false;
   }
   if (formname.pwd.value == "") {
     alert("請輸入密碼!");
     formname.pwd.focus();
     return false;
   }
   formname.submit();
}
   //回車時,默認是登陸
  function on_return(){
  if(window.event.keyCode == 13){
   if (document.all('sub')!=null){
    document.all('sub').click();
    }
  }
  }
</ script >
此處 注意:在<body>里面我們加了onkeydown屬性,這樣我們輸入好內容后按鍵就可以直 接執行JS方法on_return()了.因為window.event.keyCode 如果是13的話,表示回車鍵,所以我們判斷我們按的鍵是不是回車鍵,如果是我們就去找'sub'屬性,假如找到了執行click方法就是了。
 
 
(以上三種干方法均可以實現回車登錄,)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM