網頁前端登錄js按Enter回車鍵實現登陸的兩種方法
來源:易賢網 閱讀:2912 次 日期:2016-07-01 14:57:09
溫馨提示:易賢網小編為您整理了“網頁前端登錄js按Enter回車鍵實現登陸的兩種方法”,方便廣大網友查閱!

面小編就為大家?guī)硪黄W頁前端登錄js按Enter回車鍵實現登陸的兩種方法。小編覺得挺不錯的,現在分享給大家,也給大家做個參考

很簡單的代碼,這里介紹兩種方法給大家、

第一種:

<!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(); //調用登錄按鈕的登錄事件 

    } 

// --></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('調用成功!')">-->

    <img id="input1" onclick="alert('調用成功!')"/> 

</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>

以上這篇網頁前端登錄js按Enter回車鍵實現登陸的兩種方法就是小編分享給大家的全部內容了,希望能給大家一個參考

更多信息請查看網絡編程

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權所有:易賢網