网页前端登录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 trim去空格的最佳实践
Oct 30 Javascript
javascript跨浏览器的属性判断方法
Mar 16 Javascript
前端轻量级MVC框架CanJS详解
Sep 26 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)
Nov 16 Javascript
jQuery判断对象是否存在的方法
Feb 05 Javascript
举例讲解AngularJS中的模块
Jun 17 Javascript
JS两种类型的表单提交方法实例分析
Nov 28 Javascript
非常实用的vue导航钩子
Mar 20 Javascript
vue的状态管理模式vuex
Nov 30 Javascript
Vue.js如何使用Socket.IO的示例代码
Sep 05 Javascript
如何手写一个简易的 Vuex
Oct 10 Javascript
Vuex实现简单购物车
Jan 10 Vue.js
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
Search File Contents PHP 搜索目录文本内容的代码
2010/02/21 PHP
浅谈apache和nginx的rewrite的区别
2013/02/22 PHP
PHP编程风格规范分享
2014/01/15 PHP
php过滤表单提交的html等危险代码
2014/11/03 PHP
yii2控制器Controller Ajax操作示例
2016/07/23 PHP
PHP检查端口是否可以被绑定的方法示例
2018/08/09 PHP
使用vs code编辑调试php配置的方法
2019/01/29 PHP
jquery 指南/入门基础
2007/11/30 Javascript
jQuery-Tools-overlay 使用介绍
2012/07/14 Javascript
JavaScript学习笔记之内置对象
2015/01/22 Javascript
关于Angular2 + node接口调试的解决方案
2017/05/28 Javascript
JS实现简易的图片拖拽排序实例代码
2017/06/09 Javascript
vue实现前进刷新后退不刷新效果
2018/01/26 Javascript
浅谈node.js 命令行工具(cli)
2018/05/10 Javascript
微信小程序开发注意指南和优化实践(小结)
2019/06/21 Javascript
js针对图片加载失败的处理方法分析
2019/08/24 Javascript
详解小程序如何改变onLoad的执行时机
2019/11/01 Javascript
vue实现购物车列表
2020/06/30 Javascript
JS实现audio音频剪裁剪切复制播放与上传(步骤详解)
2020/07/28 Javascript
JavaScript实现原型封装轮播图
2020/12/27 Javascript
[05:39]2014DOTA2国际邀请赛 DK晋级胜者组专访战队国士无双
2014/07/14 DOTA
[01:06:39]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#1Liquid VS Alliance第三局
2016/03/02 DOTA
Python出现segfault错误解决方法
2016/04/16 Python
Python中查看文件名和文件路径
2017/03/31 Python
python实现m3u8格式转换为mp4视频格式
2018/02/28 Python
Python3中的列表生成式、生成器与迭代器实例详解
2018/06/11 Python
Jupyter notebook如何实现指定浏览器打开
2020/05/13 Python
Kathmandu英国网站:新西兰户外运动品牌
2017/03/27 全球购物
澳大利亚首屈一指的鞋类品牌:Tony Bianco
2018/03/13 全球购物
文字自荐书范文
2014/02/10 职场文书
公证委托书标准格式
2014/09/11 职场文书
入党积极分子学习党的纲领思想汇报
2014/09/13 职场文书
2014年教师党员自我评价范文
2014/09/22 职场文书
高中开学感言
2015/08/01 职场文书
解决IDEA翻译插件Translation报错更新TTK失败不能使用
2022/04/24 Python
css3 选择器
2022/05/11 HTML / CSS