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


Posted in Javascript onAugust 25, 2014

本文实例讲述了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>

此处注意:在<body>里面我们加了onkeydown属性,这样我们输入好内容后按键就可以直接执行JS方法on_return()了.因为window.event.keyCode 如果是13的话,表示回车键,所以我们判断我们按的键是不是回车键,如果是我们就去找'sub'属性,假如找到了执行click方法就是了。

希望本文所述方法对大家的web程序设计有所帮助。

Javascript 相关文章推荐
在网页中控制wmplayer播放器
Jul 01 Javascript
用函数式编程技术编写优美的 JavaScript_ibm
May 16 Javascript
很好用的js日历算法详细代码
Mar 07 Javascript
jQuery遮罩层实现方法实例详解(附遮罩层插件)
Dec 08 Javascript
JavaScript正则表达式的分组匹配详解
Feb 13 Javascript
js多功能分页组件layPage使用方法详解
May 19 Javascript
Javascript 引擎工作机制详解
Nov 30 Javascript
JavaScript数组操作详解
Feb 04 Javascript
jquery精度计算代码 jquery指定精确小数位
Feb 06 Javascript
关于react-router/react-router-dom v4 history不能访问问题的解决
Jan 08 Javascript
JavaScript对JSON数组简单排序操作示例
Jan 31 Javascript
vue使用keep-alive实现组件切换时保存原组件数据方法
Oct 30 Javascript
在JavaScript中重写jQuery对象的方法实例教程
Aug 25 #Javascript
一个支持任意尺寸的图片上下左右滑动效果
Aug 24 #Javascript
jquery 取子节点及当前节点属性值的方法
Aug 24 #Javascript
在JS数组特定索引处指定位置插入元素的技巧
Aug 24 #Javascript
js获取checkbox复选框选中的选项实例
Aug 24 #Javascript
jQuery异步加载数据并添加事件示例
Aug 24 #Javascript
Jquery通过JSON字符串创建JSON对象
Aug 24 #Javascript
You might like
PHP - Html Transfer Code
2006/10/09 PHP
Win2003服务器安全加固设置--进一步提高服务器安全性
2007/05/23 PHP
PHP面向对象之旅:深入理解static变量与方法
2014/01/06 PHP
php7 安装yar 生成docker镜像
2017/05/09 PHP
PHP下 Mongodb 连接远程数据库的实例代码
2017/08/30 PHP
PHP pthreads v3下worker和pool的使用方法示例
2020/02/21 PHP
HTTP头隐藏PHP版本号实现过程解析
2020/12/09 PHP
JavaScript入门教程(7) History历史对象
2009/01/31 Javascript
如何确保JavaScript的执行顺序 之jQuery.html深度分析
2011/03/03 Javascript
javascript右下角弹层及自动隐藏(自己编写)
2013/11/20 Javascript
使用POST方式弹出窗口的两种方法示例介绍
2014/01/29 Javascript
Blocksit插件实现瀑布流数据无限( 异步)加载
2014/06/20 Javascript
javascript轻量级模板引擎juicer使用指南
2014/06/22 Javascript
jQuery制作全屏宽度固定高度轮播图(实例讲解)
2017/07/08 jQuery
Angular指令之restict匹配模式的详解
2017/07/27 Javascript
uni app仿微信顶部导航条功能
2019/09/17 Javascript
[38:21]2018DOTA2亚洲邀请赛3月30日 小组赛A组 LGD VS Newbee
2018/03/31 DOTA
[01:05:00]2018国际邀请赛 表演赛 Pain vs OpenAI
2018/08/24 DOTA
Python中每次处理一个字符的5种方法
2015/05/21 Python
利用python生成一个导出数据库的bat脚本文件的方法
2016/12/30 Python
简单谈谈python中的语句和语法
2017/08/10 Python
利用Python对文件夹下图片数据进行批量改名的代码实例
2019/02/21 Python
利用python计算windows全盘文件md5值的脚本
2019/07/27 Python
Python实现滑动平均(Moving Average)的例子
2019/08/24 Python
python能自学吗
2020/06/18 Python
HTML5 直播疯狂点赞动画实现代码 附源码
2020/04/14 HTML / CSS
尼克松手表官网:Nixon手表
2019/03/17 全球购物
最新大学职业规划书范文
2013/12/30 职场文书
可贵的沉默教学反思
2014/02/06 职场文书
国贸专业毕业求职信
2014/06/11 职场文书
2014城乡环境综合治理工作总结
2014/12/19 职场文书
交通事故和解协议书
2015/01/27 职场文书
自我推荐信怎么写
2015/03/24 职场文书
党风廉政承诺书2016
2016/03/25 职场文书
使用pandas或numpy处理数据中的空值(np.isnan()/pd.isnull())
2021/05/14 Python
深入浅析React中diff算法
2021/05/19 Javascript