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