當前位置：軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > 編程其他 > 按Enter鍵調(diào)用登錄按鈕的JS代碼

按Enter鍵調(diào)用登錄按鈕的JS代碼

2012/10/17 10:34:30作者：佚名來源：網(wǎng)絡(luò)

移動端

【實例名稱】

按Enter鍵調(diào)用登錄按鈕的JS代碼

【實例描述】

為了方便用戶操作，在登錄郵箱或論壇時，如果用戶輸入了用戶名和密碼，按Enter鍵時，都會自動調(diào)用登錄按鈕。今天我們就舉例學(xué)習(xí)通過JS代碼如何實現(xiàn)此功能。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
  <title>Check Score</title>
<script language="JavaScript">
function keyLogin(){
  if (event.keyCode==13)   //回車鍵的鍵值為13
     document.getElementById("input1").click();  //調(diào)用登錄按鈕的登錄事件
}
</script>
 </head>
<body onkeydown="keyLogin();">
<input id="input1" value="登錄" type="button" onclick="alert('調(diào)用成功！')">
</body>
 </body>
</html>

【難點剖析】

  本例的重點是如何判斷用戶敲擊的是Enter鍵，這通過判斷鍵值“keyCode”實現(xiàn)，“Enter”的鍵值為13。使用“getElementByld”方法，通過按鈕的Ⅲ找到頁面中的“登錄”按鈕，然后直接調(diào)用其“click”方法即可。

【源碼下載】

本實例JS代碼下載

標簽： 按鈕  JS代碼