DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 網頁前端登錄js按Enter回車鍵實現登陸的兩種方法
網頁前端登錄js按Enter回車鍵實現登陸的兩種方法
編輯:關於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>

以上這篇網頁前端登錄js按Enter回車鍵實現登陸的兩種方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved