JS按回車鍵實作登入的方法_javascript技巧-js教程-PHP中文網

首頁

web前端

js教程

JS按回車鍵實作登入的方法_javascript技巧

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 04:38 PM

js 回車鍵登入

本文實例講述了JS按回車鍵實現登入的方法，該功能有著非常廣泛的實用價值。分享給大家參考之用。具體方法如下：

方法一：

<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(); //调用登录按钮的登录事件
}
</script>
</head>
<body onkeydown="keyLogin();">
<input id="input1" value="登录" type="button" 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>

登入後複製

方法三：

任何一個網站頁面都有登陸介面,很多時候在輸入好用戶名和密碼後,還要用滑鼠去點一個類似於登陸什麼的按鈕或連結.這樣你才能進網站做你喜歡做的事情.
有時候我就在想是不是能在輸入好我該輸入的東西後,直接敲回車就執行登陸功能呢?解決方法如下：

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();
}
  //回车时，默认是登陆
 function on_return(){
 if(window.event.keyCode == 13){
  if (document.all('sub')!=null){
   document.all('sub').click();
   }
 }
 }
</script>

登入後複製

這裡注意：在

裡面我們加了onkeydown屬性,這樣我們輸入好內容後按鍵就可以直接執行JS方法on_return()了.因為window.event.keyCode 如果是13的話,表示回車鍵,所以我們判斷我們按的鍵是不是回車鍵,如果是我們就去找'sub'屬性,假如找到了執行click方法就是了。

希望本文所述方法對大家的web程式設計有幫助。

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

Java教學

1664

CakePHP 教程

1423

Laravel 教程

1317

PHP教程

1268

C# 教程

1246

Related knowledge

小紅書怎麼登入以前的帳號？它換綁後原來號碼遺失了怎麼辦？ Mar 21, 2024 pm 09:41 PM

隨著社群媒體的快速發展，小紅書成為許多年輕人分享生活、探索新產品的熱門平台。在使用過程中，有時使用者可能會遇到登入先前帳號的困難。本文將詳細探討如何解決小紅書登入舊帳號的問題，以及如何應對更換綁定後可能遺失原帳號的情況。一、小紅書怎麼登入以前的帳號？ 1.找回密碼登入如果長時間未登入小紅書，可能導致帳號被系統回收。為了恢復存取權限，你可以嘗試透過找回密碼的方式重新登入帳號。操作步驟如下：（1）開啟小紅書App或官網，點選「登入」按鈕。（2）選擇「找回密碼」。（3）輸入你註冊帳號時所使用的手機號碼

wallpaperengine登入別的號碼後下載別人的桌布怎麼辦 Mar 19, 2024 pm 02:00 PM

當你在自己電腦上登過別人steam帳號之後，剛好這個別人的帳號也有wallpaper軟體，切換回自己帳號之後steam就會自動下載別人帳號訂閱的桌布，使用者可以透過關閉steam雲端同步解決。 wallpaperengine登入別的號碼後下載別人的桌布怎麼辦1、登陸你自己的steam帳號，在設定裡面找到雲端同步，關閉steam雲端同步。 2.登陸你之前登陸的別人的steam帳號，打開wallpaper創意工坊，找到訂閱內容，然後取消全部訂閱。（以後防止找不到壁紙，可以先收藏再取消訂閱）3、切換回自己的stea

《陰陽師》茨木童子典藏皮膚登入即領，禪心雲外鏡新造型即將上線！ Jan 05, 2024 am 10:42 AM

山野間萬鬼嘶鳴，隱沒兵刃交接之聲，越嶺奔赴而來的鬼將，心中戰意洶湧，以炎火為號，率百鬼衝鋒迎戰。【熾焱百煉•茨木童子典藏皮膚上線】鬼角熾焰怒燃，鎏金眼眸迸發桀駿戰意，白玉甲片裝飾戰袍，彰顯大妖不羈狂放的氣勢。雪白飄揚的袖擺上，赤焰攀附交織，金紋烙印其中，燃點一片緋艷妖異色彩。妖力凝聚而成的鬼火咆哮而至，烈焰令群巒為之震動，煉獄間歸來的妖鬼啊，一同懲戒進犯之人吧。【專屬動態頭像框•熾焱百煉】【專屬插畫•焰火將魂】【傳記鑑賞】【獲取方式】茨木童子典藏皮膚·熾焱百煉將於12月28日維護後上架皮膚商店，

Discuz後台登入問題解決方法大揭秘 Mar 03, 2024 am 08:57 AM

Discuz後台登入問題解決方法大揭秘，需要具體程式碼範例隨著網路的快速發展，網站建置變得越來越普遍，而Discuz作為一款常用的論壇建站系統，受到了許多站長的青睞。然而，正是因為其功能強大，有時候我們在使用Discuz的過程中會遇到一些問題，例如後台登入問題。今天，我們就來大揭秘Discuz後台登入問題的解決方法，並且提供具體的程式碼範例，希望能幫助到有需要

快手電腦版怎麼登入-快手電腦版的登入方法 Mar 04, 2024 pm 03:30 PM

近日有一些小夥伴諮詢小編快手電腦版怎麼登入?下面就為大家帶來了快手電腦版的登入方法，有需要的小夥伴可以來了解了解哦。第一步：先在電腦的瀏覽器上百度搜尋快手官網。第二步：在搜尋結果清單裡面選取第一條。第三步：進入快手官網主頁面後，點選影片的選項。第四步：點選右上角的使用者頭像。步驟五：在彈出的登入選單裡面點選二維碼登入。步驟六：之後打開手機上的快手，點選左上角的圖示。第七步：點選二維碼標誌。第八步：在我的二維碼介面點擊右上角的掃描圖示之後，掃描電腦上的二維碼即可。第九步：最後電腦版的快手就登入成

建議：優秀JS開源人臉偵測辨識項目 Apr 03, 2024 am 11:55 AM

人臉偵測辨識技術已經是一個比較成熟且應用廣泛的技術。而目前最廣泛的網路應用語言非JS莫屬，在Web前端實現人臉偵測辨識相比後端的人臉辨識有優勢也有弱勢。優點包括減少網路互動、即時識別，大大縮短了使用者等待時間，提高了使用者體驗；弱勢是：受到模型大小限制，其中準確率也有限。如何在web端使用js實現人臉偵測呢？為了實現Web端人臉識別，需要熟悉相關的程式語言和技術，如JavaScript、HTML、CSS、WebRTC等。同時也需要掌握相關的電腦視覺和人工智慧技術。值得注意的是，由於Web端的計

百度網盤網頁版怎麼進？百度網盤網頁版登入入口 Mar 13, 2024 pm 04:58 PM

　　百度網盤不僅能儲存各種軟體資源，還能分享給別人，支援多端同步，如果你的電腦沒有下載客戶端，可以選擇進入網頁版使用。那麼百度網盤網頁版要怎麼登入呢？下面就來看看詳細介紹。　　百度網盤網頁版登入入口：https://pan.baidu.com（複製連結至瀏覽器開啟）　　軟體介紹　　1、分享　　提供文件分享功能，使用者將文件整理，分享給需要的小夥伴。　　2、雲端　　不佔用太多內存，大多數檔案都保存在雲端，有效節省電腦空間。　　3、相簿　　支援雲相簿功能，將照片匯入到雲盤中，然後整理，方便大家查看。　　

115網址網頁版登入入口 Feb 23, 2024 pm 02:04 PM

115網盤是個能夠存放很多資源的網盤，那麼115網盤網頁版登入入口是什麼呢?用戶們需要輸入https://115.com這個網址就能夠進入網盤，登入後就能使用。這篇115網盤網頁版登入最新入口分享能夠告訴大家具體該怎麼使用這個功能，趕快看看吧。 115網盤網頁版登入入口網站分享：https://115.com具體介紹：1、首先需要選擇一個方式來登入網盤。 2、在右上角能夠看到上傳的檔案。 3.可以在這裡新建資料夾，切換不同模式。 4、可以在文件裡加上不同的標籤。 5.在網站上面能夠看到用戶們的私訊。

See all articles

JS按回車鍵實作登入的方法_javascript技巧

熱AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

熱門文章

熱工具

記事本++7.3.1

SublimeText3漢化版

禪工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

熱門話題