网页前端登录js按Enter回车键实现登陆的两种方法


Posted in Javascript onMay 10, 2016

很简单的代码,这里介绍两种方法给大家、

第一种:

<!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回车键实现登陆的两种方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
浅析js设置控件的readonly与enabled属性问题
Dec 25 Javascript
js利用prototype调用Array的slice方法示例
Jun 09 Javascript
Ext GridPanel加载完数据后进行操作示例代码
Jun 17 Javascript
2016年最热门的15 款代码语法高亮工具,美化你的代码
Jan 06 Javascript
AngularJS  $modal弹出框实例代码
Aug 24 Javascript
canvas 弹幕效果(实例分享)
Jan 11 Javascript
基于vue实现多引擎搜索及关键字提示
Mar 16 Javascript
Vuex之理解Store的用法
Apr 19 Javascript
vue 巧用过渡效果(小结)
Sep 22 Javascript
浅谈redux, koa, express 中间件实现对比解析
May 23 Javascript
vue实现绑定事件的方法实例代码详解
Jun 20 Javascript
javascript合并两个数组最简单的实现方法
Sep 14 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【二】
May 10 #Javascript
JS实现登录页面记住密码和enter键登录方法推荐
May 10 #Javascript
详解JavaScript中的自定义事件编写
May 10 #Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【一】
May 10 #Javascript
JS组件系列之Bootstrap table表格组件神器【二、父子表和行列调序】
May 10 #Javascript
解决jquery无法找到其他父级子集问题的方法
May 10 #Javascript
JS组件系列之Bootstrap table表格组件神器【终结篇】
May 10 #Javascript
You might like
php结合表单实现一些简单功能的例子
2011/06/04 PHP
typecho插件编写教程(一):Hello World
2015/05/28 PHP
Windows Server 2008 R2和2012中PHP连接MySQL过慢的解决方法
2016/07/02 PHP
dojo 之基础篇(三)之向服务器发送数据
2007/03/24 Javascript
JS input 数字验证代码
2009/07/30 Javascript
Jquery ajax执行顺序 返回自定义错误信息(实例讲解)
2013/11/06 Javascript
JavaScript利用append添加元素报错的解决方法
2014/07/01 Javascript
使用js画图之画切线
2015/01/12 Javascript
Js实现自定义右键行为
2015/03/26 Javascript
js实现简单的联动菜单效果
2015/08/19 Javascript
JavaScript获取css行间样式,内连样式和外链样式的简单方法
2016/07/18 Javascript
js 定义对象数组(结合)多维数组方法
2016/07/27 Javascript
Bootstarp 基础教程之表单部分实例代码
2017/02/03 Javascript
JS获取浮动(float)元素的style.left值为空的快速解决办法
2017/02/19 Javascript
js获取浏览器和屏幕的各种宽度高度
2017/02/22 Javascript
JavaScript通过改变文字透明度实现的文字闪烁效果实例
2017/04/27 Javascript
mui框架移动开发初体验详解
2017/10/11 Javascript
解决axios发送post请求返回400状态码的问题
2018/08/11 Javascript
JQuery获取元素尺寸、位置及页面滚动事件应用示例
2019/05/14 jQuery
vue 验证两次输入的密码是否一致的方法示例
2020/09/29 Javascript
[39:32]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS DT 第二场
2014/05/23 DOTA
Python random模块常用方法
2014/11/03 Python
分析Python的Django框架的运行方式及处理流程
2015/04/08 Python
Python的time模块中的常用方法整理
2015/06/18 Python
Django的session中对于用户验证的支持
2015/07/23 Python
python下读取公私钥做加解密实例详解
2017/03/29 Python
Python中optparser库用法实例详解
2018/01/26 Python
Pycharm如何运行.py文件的方法步骤
2020/03/03 Python
python实现AdaBoost算法的示例
2020/10/03 Python
俄罗斯优惠券网站:BIGLION
2017/05/21 全球购物
美国瑜伽服装和装备购物网站:Mukha Yoga
2019/02/22 全球购物
安全员岗位职责
2013/11/11 职场文书
电子信息毕业生自荐信
2013/11/16 职场文书
党员学习党的群众路线思想汇报(5篇)
2014/09/10 职场文书
开平碉楼导游词
2015/02/06 职场文书
golang日志包logger的用法详解
2021/05/05 Golang