网页前端登录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小数四舍五入多种方法实现
Dec 23 Javascript
javascript利用控件对windows的操作实现原理与应用
Dec 23 Javascript
MultiSelect左右选择控件的设计与实现介绍
Jun 08 Javascript
移动设备web开发首选框架:zeptojs介绍
Jan 29 Javascript
javascript实现简单的贪吃蛇游戏
Mar 31 Javascript
JavaScript程序开发之JS代码放置的位置
Jan 15 Javascript
JavaScript中各种引用类型的常用操作方法小结
May 05 Javascript
js实现无缝滚动图(可控制当前滚动的方向)
Feb 22 Javascript
JS写XSS cookie stealer来窃取密码的步骤详解
Nov 20 Javascript
vue实现与安卓、IOS交互的方法
Nov 02 Javascript
Puppeteer 爬取动态生成的网页实战
Nov 14 Javascript
bootstrap table列和表头对不齐的解决方法
Jul 19 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 header()函数使用详细(301、404等错误设置)
2013/04/17 PHP
AJAX的跨域与JSONP(为文章自动添加短址的功能)
2010/01/17 Javascript
Javascript load Page,load css,load js实现代码
2010/03/31 Javascript
js实现延迟加载的方法
2015/06/24 Javascript
js滚动条平滑移动示例代码
2016/03/29 Javascript
纯js实现手风琴效果
2020/04/17 Javascript
D3.js实现柱状图的方法详解
2016/09/21 Javascript
微信小程序 倒计时组件实现代码
2016/10/24 Javascript
jQuery Easyui datagrid editor为combobox时指定数据源实例
2016/12/19 Javascript
xmlplus组件设计系列之选项卡(Tabbar)(5)
2017/05/03 Javascript
JavaScript中常见内置函数用法示例
2018/05/14 Javascript
js验证身份证号码记录的方法
2019/04/26 Javascript
JavaScript逻辑运算符相关总结
2020/09/04 Javascript
uniapp电商小程序实现订单30分钟倒计时
2020/11/01 Javascript
Vue路由权限控制解析
2020/11/09 Javascript
详解Vue数据驱动原理
2020/11/17 Javascript
python开发之str.format()用法实例分析
2016/02/22 Python
Python整型运算之布尔型、标准整型、长整型操作示例
2017/07/21 Python
python初学者,用python实现基本的学生管理系统(python3)代码实例
2019/04/10 Python
Django框架orM与自定义SQL语句混合事务控制操作
2019/06/27 Python
在VS2017中用C#调用python脚本的实现
2019/07/31 Python
Python 多进程原理及实现
2020/12/21 Python
HTML5实现无刷新修改URL的方法
2019/11/14 HTML / CSS
法拉利英国精品店:Ferraris Boutique UK
2019/07/20 全球购物
澳大利亚设计师服装在线:MISHA
2019/10/07 全球购物
中层干部竞争上岗演讲稿
2014/01/13 职场文书
理工类毕业自我鉴定
2014/02/20 职场文书
项目合作意向书模板
2014/07/29 职场文书
个人股份转让协议书范本
2014/10/26 职场文书
交通安全教育主题班会
2015/08/12 职场文书
《火烧云》教学反思
2016/02/23 职场文书
2016年党员干部廉政承诺书
2016/03/24 职场文书
Nginx如何配置Http、Https、WS、WSS的方法步骤
2021/05/11 Servers
MySQL表字段时间设置默认值
2021/05/13 MySQL
详解Python描述符的工作原理
2021/06/11 Python
uniapp开发打包多端应用完整方法指南
2022/12/24 Javascript