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工具

热工具

热门话题

gmail邮箱登陆入口在哪里

7321

Java教程

1625

CakePHP 教程

1349

Laravel 教程

1261

PHP教程

1209

显示更多

Related knowledge

wallpaperengine登录别的号后下载别人的壁纸怎么办 Mar 19, 2024 pm 02:00 PM

当你在自己电脑上登过别人steam账号之后，恰巧这个别人的账号也有wallpaper软件，切换回自己账号之后steam就会自动下载别人账号订阅的壁纸，用户可以通过关闭steam云同步解决。wallpaperengine登录别的号后下载别人的壁纸怎么办1、登陆你自己的steam账号，在设置里面找到云同步，关闭steam云同步。2、登陆你之前登陆的别人的steam账号，打开wallpaper创意工坊，找到订阅内容，然后取消全部订阅。（以后防止找不到壁纸，可以先收藏再取消订阅）3、切换回自己的stea

小红书怎么登录以前的账号？它换绑后原来号丢失了怎么办？ Mar 21, 2024 pm 09:41 PM

随着社交媒体的迅速发展，小红书已经成为许多年轻人分享生活、探索新产品的热门平台。在使用过程中，有时用户可能会遇到登录以前账号的困难。本文将详细探讨如何解决小红书登录旧账号的问题，以及如何应对更换绑定后可能遗失原账号的情况。一、小红书怎么登录以前的账号？1.找回密码登录如果长时间未登录小红书，可能导致账号被系统回收。为了恢复访问权限，你可以尝试通过找回密码的方式重新登录账号。操作步骤如下：（1）打开小红书App或官网，点击“登录”按钮。（2）选择“找回密码”。（3）输入你注册账号时所使用的手机号码

Discuz后台登录问题解决方法大揭秘 Mar 03, 2024 am 08:57 AM

Discuz后台登录问题解决方法大揭秘，需要具体代码示例随着互联网的快速发展，网站建设变得越来越普遍，而Discuz作为一款常用的论坛建站系统，受到了许多站长的青睐。然而，正是因为其功能强大，有时候我们在使用Discuz的过程中会遇到一些问题，比如后台登录问题。今天，我们就来大揭秘Discuz后台登录问题的解决方法，并且提供具体的代码示例，希望能帮助到有需要

《阴阳师》茨木童子典藏皮肤登录即领，禅心云外镜新皮肤即将上线！ Jan 05, 2024 am 10:42 AM

山野间万鬼嘶鸣，隐没兵刃交接之声，越岭奔赴而来的鬼将，心中战意汹涌，以炎火为号，率百鬼冲锋迎战。【炽焱百炼•茨木童子典藏皮肤上线】鬼角炽焰怒燃，鎏金眼眸迸发桀骜战意，白玉甲片装点战袍，彰显大妖不羁狂放的气势。雪白飘扬的袖摆上，赤焰攀附交织，金纹烙印其中，燃点一片绯艳妖异色彩。妖力凝聚而成的鬼火咆哮而至，烈焰令群峦为之震动，炼狱间归来的妖鬼啊，一同惩戒进犯之人吧。【专属动态头像框•炽焱百炼】【专属插画•焰火将魂】【传记鉴赏】【获取方式】茨木童子典藏皮肤·炽焱百炼将于12月28日维护后上架皮肤商店，

快手电脑版怎么登录-快手电脑版的登录方法 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端的计

夸克怎么登录两个设备 Feb 23, 2024 pm 10:55 PM

夸克怎么登录两个设备?夸克浏览器是支持同时登陆两个设备的，但是多数的小伙伴不知道夸克浏览器如何登陆两个设备，接下来就是小编为用户带来的夸克登陆两个设备方法图文教程，感兴趣的用户快来一起看看吧！夸克浏览器使用教程夸克怎么登录两个设备1、首先打开夸克浏览器APP，主页面点击【夸克网盘】;2、接着进入到夸克网盘界面，选择【我的备份】服务功能;3、最后选择其中的【切换设备】即可更换新设备登陆两个。

小红书只记得账号怎么登录？只记得账号怎么找回？ Mar 23, 2024 pm 05:31 PM

小红书如今已经融入了许多人的日常生活，其丰富的内容和便捷的操作方式让用户乐此不疲。有时候，我们可能会忘记账号密码，只记得账号而无法登录确实让人感到困扰。一、小红书只记得账号怎么登录？当忘记密码时，我们可以通过手机验证码的方式登录小红书。具体操作如下：1.打开小红书App或网页版小红书；2.点击“登录”按钮，选择“账号密码登录”；3.点击“忘记密码？”按钮；4.输入你的账号，点击“下一步”；5.系统会发送验证码到你的手机，输入验证码后点击“确定”；6.设置新的密码并确认。你还可以通过第三方账号（如

See all articles

JS按回车键实现登录的方法_javascript技巧

热AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

热门文章

热工具

记事本++7.3.1

SublimeText3汉化版

禅工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

热门话题