JS按回車鍵實(shí)現(xiàn)登錄的方法
本文實(shí)例講述了JS按回車鍵實(shí)現(xiàn)登錄的方法,該功能有著非常廣泛的實(shí)用價(jià)值。分享給大家供大家參考之用。具體方法如下:
方法一:
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Check Score</title>
<script language="JavaScript">
function keyLogin(){
if (event.keyCode==13) //回車鍵的鍵值為13
document.getElementByIdx_x("input1").click(); //調(diào)用登錄按鈕的登錄事件
}
</script>
</head>
<body onkeydown="keyLogin();">
<input id="input1" value="登錄" type="button" 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)站頁面都有登陸界面,很多時(shí)候在輸入好用戶名和密碼后,還要用鼠標(biāo)去點(diǎn)一個類似于登陸什么的按鈕或者鏈接.這樣你才能進(jìn)網(wǎng)站做你喜歡做的事情.
有時(shí)候我就在想是不是能在輸入好我該輸入的東西后,直接敲回車就執(zhí)行登陸功能呢?解決方法如下:
ss.html頁面代碼:
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="css/text.css" type="text/css">
</head>
<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onkeydown="on_return();">
<form name ="loginForm" method="post" action="fuck.html">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="69%" height="30"><span class="font_04">帳戶名</span>
<input type="text" name="userName" size="18.5">
</td>
</tr>
<tr>
<td width="69%" height="30"><span class="font_04">密 碼</span>
<input type="password" name="pwd" >
</td>
</tr>
<tr>
<td width="31%" height="30">
<a id="sub" onClick='check()' >
登陸</a></td>
</tr>
</table>
</form>
</body>
</html>
<script language="javascript">
function check() {
var formname=document.loginForm;
if (formname.userName.value == "") {
alert("請輸入用戶名!");
formname.userName.focus();
return false;
}
if (formname.pwd.value == "") {
alert("請輸入密碼!");
formname.pwd.focus();
return false;
}
formname.submit();
}
//回車時(shí),默認(rèn)是登陸
function on_return(){
if(window.event.keyCode == 13){
if (document.all('sub')!=null){
document.all('sub').click();
}
}
}
</script>
此處注意:在<body>里面我們加了onkeydown屬性,這樣我們輸入好內(nèi)容后按鍵就可以直接執(zhí)行JS方法on_return()了.因?yàn)閣indow.event.keyCode 如果是13的話,表示回車鍵,所以我們判斷我們按的鍵是不是回車鍵,如果是我們就去找'sub'屬性,假如找到了執(zhí)行click方法就是了。
希望本文所述方法對大家的web程序設(shè)計(jì)有所幫助。
相關(guān)文章
JS數(shù)組操作大全對象數(shù)組根據(jù)某個相同的字段分組
這篇文章主要介紹了JS數(shù)組操作大全對象數(shù)組根據(jù)某個相同的字段分組,需要注意的是,在開發(fā)過程這種數(shù)組的處理函數(shù),應(yīng)當(dāng)被編寫到項(xiàng)目的公共工具函數(shù)庫中全局調(diào)用,本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11
javascript阻止事件冒泡和瀏覽器的默認(rèn)行為
本篇文章主要介紹了javascript阻止事件冒泡和瀏覽器的默認(rèn)行為。具有一定的參考價(jià)值,下面跟著小編一起來看下吧2017-01-01

