网页前端登录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获取scrollHeight问题想到的标准问题
May 27 Javascript
用js实现的页面关键字密度查询代码
Dec 27 Javascript
js checkbox(复选框) 使用集锦
Apr 28 Javascript
jQuery JSON的解析方式分享
Apr 05 Javascript
JS画5角星方法介绍
Sep 17 Javascript
用javascript替换URL中的参数值示例代码
Jan 27 Javascript
不到30行JS代码实现Excel表格的方法
Nov 15 Javascript
node.js中的buffer.Buffer.byteLength方法使用说明
Dec 10 Javascript
使用vue的v-for生成table并给table加上序号的实例代码
Oct 27 Javascript
用js简单提供增删改查接口
May 12 Javascript
在Layui 的表格模板中,实现layer父页面和子页面传值交互的方法
Sep 10 Javascript
Vuex中实现数据状态查询与更改
Nov 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 echo()和print()、require()和include()函数区别说明
2010/03/27 PHP
不懂JavaScript应该怎样学
2008/04/16 Javascript
为jquery.ui.dialog 增加“自动记住关闭时的位置”的功能
2009/11/24 Javascript
js 判断浏览器使用的语言示例代码
2014/03/22 Javascript
jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate)
2014/05/22 Javascript
EasyUI实现第二层弹出框的方法
2015/03/01 Javascript
JavaScript实现的encode64加密算法实例分析
2015/04/15 Javascript
jQuery UI设置固定日期选择特效代码分享
2015/08/27 Javascript
跟我学习javascript的Date对象
2015/11/19 Javascript
详解JavaScript对象类型
2016/06/16 Javascript
jquery注册文本框获取焦点清空,失去焦点赋值的简单实例
2016/09/08 Javascript
JS正则表达式修饰符中multiline(/m)用法分析
2016/12/27 Javascript
在vue-cli中组件通信的方法
2017/12/16 Javascript
JS 实现缓存算法的示例(FIFO/LRU)
2018/03/20 Javascript
vue源码解析之事件机制原理
2018/04/21 Javascript
vue如何安装使用Quill富文本编辑器
2018/09/21 Javascript
React路由鉴权的实现方法
2019/09/05 Javascript
js实现贪吃蛇小游戏
2019/10/29 Javascript
Vue-cli项目部署到Nginx服务器的方法
2019/11/01 Javascript
微信小程序图片右边加两行文字的代码
2020/04/23 Javascript
javascript操作向表格中动态加载数据
2020/08/27 Javascript
vue中实现点击变成全屏的多种方法
2020/09/27 Javascript
python pandas实现excel转为html格式的方法
2018/10/23 Python
python实现微信防撤回神器
2019/04/29 Python
Pycharm生成可执行文件.exe的实现方法
2020/06/02 Python
django 装饰器 检测登录状态操作
2020/07/02 Python
Python爬虫之App爬虫视频下载的实现
2020/12/08 Python
如何设置Java的运行环境
2013/04/05 面试题
办公室内勤岗位职责范本
2013/12/09 职场文书
委托书模板
2014/04/04 职场文书
竞选大队长演讲稿
2014/04/29 职场文书
厕所文明标语
2014/06/11 职场文书
学校关爱留守儿童活动方案
2014/08/27 职场文书
云南省召开党的群众路线教育实践活动总结会议新闻稿
2014/10/21 职场文书
2015年会计工作总结范文
2015/05/26 职场文书
FP-growth算法发现频繁项集——构建FP树
2021/06/24 Python