這篇文章主要介紹了原生JS按回車鍵實現登錄的方法,眾所周知,這是在web程序設計中的一個非常實用的小技巧,主要用於表單提交,包括注冊、登錄等等功能,具有很好的用戶體驗,有着非常廣泛的實用價值,需要的朋友可以參考一下:
<html>
<head>
<title>原生JS按回車鍵實現登錄</title>
<meta charset="utf-8">
</head>
<body>
<input placeholder="請輸入用戶名" type="text" onkeydown="keyEnter()">
<input placeholder="請輸入密碼" type="password" onkeydown="keyEnter()">
<input value="登錄" type="button" name="submit" onClick="login()">
<script type="text/javascript">
function keyEnter(){//按下enter鍵,執行登錄按鈕的登錄事件 回車鍵的鍵值為13
if(event.keyCode==13){
document.getElementsByName("submit")[0].click();
}
}
function login(){
alert('調用成功666!');
}
</script>
</body>
</html>
具體的登錄功能,放到login()中即可。
