网页前端登录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 相关文章推荐
jquerydom对象的事件隐藏显示和对象数组示例
Dec 10 Javascript
js+HTML5实现视频截图的方法
Jun 16 Javascript
javascript顺序加载图片的方法
Jul 18 Javascript
浅谈JS继承_借用构造函数 &amp; 组合式继承
Aug 16 Javascript
BootStrap表单验证实例代码
Jan 13 Javascript
jquery获取下拉框中的循环值
Feb 08 Javascript
ES6新特性八:async函数用法实例详解
Apr 21 Javascript
Es6 Generator函数详细解析
Feb 24 Javascript
vue返回上一页面时回到原先滚动的位置的方法
Dec 20 Javascript
JavaScript常见事件对象与操作实例总结
Jan 05 Javascript
js实现无缝滚动双图切换效果
Jul 09 Javascript
微信小程序静默登录的实现代码
Jan 08 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语法(5)
2006/10/09 PHP
解析php时间戳与日期的转换
2013/06/06 PHP
php中使用in_array() foreach array_search() 查找数组是否包含时的性能对比
2015/04/14 PHP
浅谈PHP eval()函数定义和用法
2016/06/21 PHP
使用TextRange获取输入框中光标的位置的代码
2007/03/08 Javascript
用javascript实现改变TEXTAREA滚动条和按钮的颜色,以及怎样让滚动条变得扁平
2007/04/20 Javascript
jquery ready(fn)事件使用介绍
2013/08/21 Javascript
JavaScript数组常用方法
2015/03/02 Javascript
JS上传图片前实现图片预览效果的方法
2015/03/02 Javascript
js实现浮动在网页右侧的简洁QQ在线客服代码
2015/09/04 Javascript
解析Node.js基于模块和包的代码部署方式
2016/02/16 Javascript
JS字符串的切分用法实例
2016/02/22 Javascript
基于Angularjs+mybatis实现二级评论系统(仿简书)
2017/02/13 Javascript
vue-cli的eslint相关用法
2017/09/29 Javascript
vue-cli项目根据线上环境分别打出测试包和生产包
2018/05/23 Javascript
浅谈Angularjs中不同类型的双向数据绑定
2018/07/16 Javascript
Vue.js 利用v-for中的index值实现隔行变色
2018/08/01 Javascript
javascript和php使用ajax通信传递JSON的实例
2018/08/21 Javascript
Vue入门学习笔记【基本概念、对象、过滤器、指令等】
2019/04/13 Javascript
7个好用的JavaScript技巧分享(译)
2019/05/07 Javascript
[04:14]从西雅图到上海——玩家自制DOTA2主题歌曲应援TI9
2019/07/11 DOTA
python定时检查某个进程是否已经关闭的方法
2015/05/20 Python
Python pygorithm模块用法示例【常见算法测试】
2018/08/16 Python
python遍历文件夹找出文件夹后缀为py的文件方法
2018/10/21 Python
opencv resize图片为正方形尺寸的实现方法
2019/12/26 Python
python+selenium爬取微博热搜存入Mysql的实现方法
2021/01/27 Python
奥地利顶级内衣丝袜品牌英国站:Wolford英国
2016/08/29 全球购物
ALLSAINTS英国官网:伦敦新锐潮流品牌
2016/09/19 全球购物
Linux操作面试题
2012/05/16 面试题
旅游管理专业生自荐信范文
2014/01/02 职场文书
伊索寓言教学反思
2014/05/01 职场文书
学习雷锋精神演讲稿
2014/05/10 职场文书
小学安全教育月活动总结
2014/07/07 职场文书
体育专业大学生职业生涯规划范文:打造自己的运动帝国
2014/09/12 职场文书
12.4全国法制宣传日活动总结
2014/11/01 职场文书
法人代表资格证明书
2015/06/18 职场文书