网页前端登录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 相关文章推荐
HTML5附件拖拽上传drop &amp; google.gears实现代码
Apr 28 Javascript
AngularJS快速入门
Apr 02 Javascript
js改变Iframe中Src的方法
May 05 Javascript
jquery合并表格中相同文本的相邻单元格
Jul 17 Javascript
jQuery Easyui DataGrid点击某个单元格即进入编辑状态焦点移开后保存数据
Aug 15 Javascript
vue-resourse将json数据输出实例
Mar 08 Javascript
Javascript实现找不同色块的游戏
Jul 17 Javascript
vue项目中使用AES实现密码加密解密(ECB和CBC两种模式)
Aug 12 Javascript
微信小程序获取当前位置和城市名
Nov 13 Javascript
如何实现js拖拽效果及原理解析
May 08 Javascript
如何解决jQuery 和其他JS库的冲突
Jun 22 jQuery
Vue左滑组件slider使用详解
Aug 21 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
从Web查询数据库之PHP与MySQL篇
2009/09/25 PHP
php多次include后导致全局变量global失效的解决方法
2015/02/28 PHP
php编写批量生成不重复的卡号密码代码
2015/05/14 PHP
php socket通信(tcp/udp)实例分析
2016/02/14 PHP
JQuery 操作Javascript对象和数组的工具函数小结
2010/01/22 Javascript
JQuery学习笔记 nt-child的使用
2011/01/17 Javascript
js滚动条回到顶部的代码
2011/12/06 Javascript
javascript学习笔记(一) 在html中使用javascript
2012/06/18 Javascript
正负小数点后两位浮点数实现原理及代码
2013/09/06 Javascript
现代 JavaScript 开发编程风格Idiomatic.js指南中文版
2014/05/28 Javascript
jQuery实现可展开合拢的手风琴面板菜单
2015/09/15 Javascript
jQuery日历插件datepicker用法详解
2016/03/03 Javascript
js HTML5手机刮刮乐代码
2020/09/29 Javascript
详解webpack与SPA实践之开发环境搭建
2017/12/18 Javascript
vue.js使用watch监听路由变化的方法
2018/07/08 Javascript
koa socket即时通讯的示例代码
2018/09/07 Javascript
利用Electron简单撸一个Markdown编辑器的方法
2019/06/10 Javascript
在vue中使用echars实现上浮与下钻效果
2019/11/08 Javascript
详解vue中v-bind:style效果的自定义指令
2020/01/21 Javascript
vue中的过滤器及其时间格式化问题
2020/04/09 Javascript
JS数组索引检测中的数据类型问题详解
2021/01/11 Javascript
[46:14]完美世界DOTA2联赛PWL S3 Magma vs INK ICE 第一场 12.11
2020/12/16 DOTA
python获取豆瓣电影简介代码分享
2014/01/16 Python
Python编程实现删除VC临时文件及Debug目录的方法
2017/03/22 Python
python-opencv在有噪音的情况下提取图像的轮廓实例
2017/08/30 Python
使用pip安装python库的多种方式
2019/07/31 Python
python实现高斯投影正反算方式
2020/01/17 Python
Django+python服务器部署与环境部署教程详解
2020/03/30 Python
Python中SQLite如何使用
2020/05/27 Python
CSS3制作日历实现代码
2012/01/21 HTML / CSS
购买大码女装:Lane Bryant
2016/09/07 全球购物
房地产销售计划书
2014/01/10 职场文书
中层干部竞争上岗演讲稿
2014/01/13 职场文书
食堂标语大全
2014/06/11 职场文书
合作协议书范本
2014/10/25 职场文书
Pytest中conftest.py的用法
2021/06/27 Python