网页前端登录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 相关文章推荐
几个有趣的Javascript Hack
Jul 24 Javascript
JS+flash实现chrome和ie浏览器下同时可以复制粘贴
Sep 22 Javascript
javascript得到当前页的来路即前一页地址的方法
Feb 18 Javascript
js(JavaScript)实现TAB标签切换效果的简单实例
Feb 26 Javascript
AngularJS 模块详解及简单实例
Jul 28 Javascript
JS给按钮添加跳转功能类似a标签
May 30 Javascript
基于JS对象创建常用方式及原理分析
Jun 28 Javascript
代码详解Vuejs响应式原理
Dec 20 Javascript
AngularJS中的作用域实例分析
May 16 Javascript
vue 中引用gojs绘制E-R图的方法示例
Aug 24 Javascript
Vue实现Layui的集成方法步骤
Apr 10 Javascript
微信小程序实现列表的横向滑动方式
Jul 15 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
对squid中refresh_pattern的一些理解和建议
2009/04/17 PHP
PHP中全局变量global和$GLOBALS[]的区别分析
2012/08/06 PHP
PHP模板引擎Smarty中的保留变量用法分析
2016/04/11 PHP
javascript获取作用在元素上面的样式属性代码
2012/09/20 Javascript
jquery 层次选择器siblings与nextAll的区别介绍
2013/08/02 Javascript
JavaScript生成GUID的多种算法小结
2013/08/18 Javascript
JQuery实现倒计时按钮具体方法
2013/11/14 Javascript
使用jQuery时Form表单元素ID和name命名大忌
2014/03/06 Javascript
jquery插件jquery.confirm弹出确认消息
2015/12/22 Javascript
jquery.validate 自定义验证方法及validate相关参数
2016/01/18 Javascript
jQuery实现动态添加tr到table的方法
2016/12/26 Javascript
学习使用Bootstrap页面排版样式
2017/05/11 Javascript
jQuery zTree树插件动态加载实例代码
2017/05/11 jQuery
微信小程序搜索组件wxSearch实例详解
2017/06/08 Javascript
利用node.js爬取指定排名网站的JS引用库详解
2017/07/25 Javascript
js和jQuery以及easyui实现对下拉框的指定赋值方法
2018/01/23 jQuery
微信小程序new Date()方法失效问题解决方法
2019/07/29 Javascript
[01:09:19]DOTA2-DPC中国联赛 正赛 VG vs Aster BO3 第二场 2月28日
2021/03/11 DOTA
Python2.x版本中基本的中文编码问题解决
2015/10/12 Python
Python字符串拼接六种方法介绍
2017/12/18 Python
python对list中的每个元素进行某种操作的方法
2018/06/29 Python
python3.6根据m3u8下载mp4视频
2019/06/17 Python
python实现把二维列表变为一维列表的方法分析
2019/10/08 Python
pytorch 自定义参数不更新方式
2020/01/06 Python
解决Pytorch 加载训练好的模型 遇到的error问题
2020/01/10 Python
python 命名规范知识点汇总
2020/02/14 Python
韩国三星旗下的一家超市连锁店:Home Plus
2016/07/30 全球购物
在线购买廉价折扣书籍和小说:BookOutlet.com
2018/02/19 全球购物
获取邓白氏信用报告:Dun & Bradstreet
2019/01/22 全球购物
李维斯牛仔裤荷兰官方网站:Levi’s NL
2020/08/23 全球购物
同事打架检讨书
2014/02/04 职场文书
社区活动策划方案
2014/08/21 职场文书
小学生迎国庆演讲稿
2014/09/05 职场文书
2015年度党员个人总结
2015/02/14 职场文书
2015年幼儿园班主任个人工作总结
2015/10/22 职场文书
创业不要错过,这4种餐饮新模式
2019/07/18 职场文书