網(wǎng)頁前端登錄js按Enter回車鍵實現(xiàn)登陸的兩種方法
更新時間：2016年05月10日 15:16:14 投稿：jingxian
下面小編就為大家?guī)硪黄W(wǎng)頁前端登錄js按Enter回車鍵實現(xiàn)登陸的兩種方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考
很簡單的代碼，這里介紹兩種方法給大家、
第一種：
<!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(); //調(diào)用登錄按鈕的登錄事件
}
// --></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('調(diào)用成功！')">-->
<img id="input1" onclick="alert('調(diào)用成功！')"/>
</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>
以上這篇網(wǎng)頁前端登錄js按Enter回車鍵實現(xiàn)登陸的兩種方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
本文通過實例代碼給大家介紹了微信小程序的注冊頁面包含倒計時驗證碼、獲取用戶信息的相關(guān)知識，本文通過實例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2019-05-05
實現(xiàn)網(wǎng)頁內(nèi)容水平或垂直滾動的Javascript代碼
用Javascript實現(xiàn)新聞內(nèi)容的水平或垂直滾動，主要的優(yōu)點是我們可以實現(xiàn)自定義滾動風(fēng)格或特效，應(yīng)用效果比起傳統(tǒng)的marquee更加具有特色，方法也比較簡單2012-10-10
地圖服務(wù)是指可以提供數(shù)據(jù)信息的接口，比如說本地搜索/路線規(guī)劃等，下面介紹下百度地圖API之本地搜索與范圍搜索的相關(guān)知識，有需要的小伙伴可以來學(xué)習(xí)下2015-07-07
next.js初始化參數(shù)設(shè)置getServerSideProps應(yīng)用學(xué)習(xí)
這篇文章主要為大家介紹了next.js初始化參數(shù)設(shè)置getServerSideProps的應(yīng)用示例學(xué)習(xí)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
JavaScript實現(xiàn)郵箱地址自動匹配功能代碼
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)E-mail郵箱地址自動匹配功能代碼,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
javascript 實現(xiàn)字符串反轉(zhuǎn)的三種方法
這篇文章主要介紹了javascript 實現(xiàn)字符串反轉(zhuǎn)的三種方法，有需要的朋友可以參考一下2013-11-11
文章介紹了array.filter()方法的使用和技巧,強調(diào)了其在數(shù)據(jù)篩選、數(shù)據(jù)清洗和鏈?zhǔn)秸{(diào)用中的優(yōu)勢,本文介紹JavaScript中通過array.filter()實現(xiàn)數(shù)組的數(shù)據(jù)篩選、數(shù)據(jù)清洗和鏈?zhǔn)秸{(diào)用,JS中數(shù)組過濾器的使用詳解,感興趣的朋友一起看看吧2024-11-11
這篇文章主要介紹了JS請求servlet功能,結(jié)合具體實例形式分析了javascript使用ajax請求servlet端響應(yīng)的主要功能代碼與相關(guān)操作技巧,需要的朋友可以參考下2017-06-06
這篇文章主要介紹了基于javascript編寫簡單日歷的相關(guān)資料,需要的朋友可以參考下2016-05-05
這篇文章主要為大家詳細(xì)介紹了bootstrap表格分頁實例講解，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12