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

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

移動(dòng)端

【實(shí)例名稱(chēng)】

【實(shí)例描述】

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

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Check Score</title>
<script language="JavaScript">
function keyLogin(){
if (event.keyCode==13) //回車(chē)鍵的鍵值為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>

【難點(diǎn)剖析】

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

【源碼下載】

本實(shí)例JS代碼下載

標(biāo)簽：按鈕 JS代碼