网页前端登录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 相关文章推荐
一些常用弹出窗口/拖放/异步文件上传等实用代码
Jan 06 Javascript
jQuery怎么解析Json字符串(Json格式/Json对象)
Aug 09 Javascript
jQuery切换网页皮肤并保存到Cookie示例代码
Jun 16 Javascript
JS获取浏览器语言动态加载JS文件示例代码
Oct 31 Javascript
javascript实现判断鼠标的状态
Jul 10 Javascript
Javascript简单改变表单元素背景的方法
Jul 15 Javascript
基于JQuery实现图片轮播效果(焦点图)
Feb 02 Javascript
微信小程序之获取当前位置经纬度以及地图显示详解
May 09 Javascript
bootstrap table实现x-editable的行单元格编辑及解决数据Empty和支持多样式问题
Aug 10 Javascript
Vue中使用vue-i18插件实现多语言切换功能
Apr 25 Javascript
JS实现关闭小广告特效
Jan 29 Javascript
vue二选一tab栏切换新做法实现
Jan 19 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
为PHP安装imagick时出现Cannot locate header file MagickWand.h错误的解决方法
2014/11/03 PHP
php实现的操作excel类详解
2016/01/15 PHP
浅谈ThinkPHP中initialize和construct的区别
2017/04/01 PHP
JS 继承实例分析
2008/11/04 Javascript
extjs3 combobox取value和text案例详解
2013/02/06 Javascript
jquery重复提交请求的原因浅析
2014/05/23 Javascript
使用forever管理nodejs应用教程
2014/06/03 NodeJs
深入浅析vue组件间事件传递
2017/12/29 Javascript
利用hasOwnProperty给数组去重的面试题分享
2018/11/05 Javascript
Angular.JS读取数据库数据调用完整实例
2019/07/02 Javascript
vue 组件中使用 transition 和 transition-group实现过渡动画
2019/07/09 Javascript
判断“命令按钮”是否被鼠标单击详解
2019/07/31 Javascript
vue elementui 实现搜索栏公共组件封装的实例代码
2020/01/20 Javascript
如何通过javaScript去除字符串两端的空白字符
2020/02/06 Javascript
Swiper实现导航栏滚动效果
2020/10/16 Javascript
[04:44]DOTA2英雄梦之声_第12期_矮人直升机
2014/06/21 DOTA
[01:35]2014DOTA2西雅图邀请赛 专访狐狸妈青春献给刀塔
2014/07/08 DOTA
[01:14:12]2018DOTA2亚洲邀请赛4.7 总决赛 LGD vs Mineski 第二场
2018/04/09 DOTA
Python urlopen 使用小示例
2008/09/06 Python
python生成不重复随机数和对list乱序的解决方法
2018/04/09 Python
将TensorFlow的模型网络导出为单个文件的方法
2018/04/23 Python
python复制文件到指定目录的实例
2018/04/27 Python
Python jieba库用法及实例解析
2019/11/04 Python
python 实现让字典的value 成为列表
2019/12/16 Python
django API 中接口的互相调用实例
2020/04/01 Python
使用Keras实现Tensor的相乘和相加代码
2020/06/18 Python
Python叠加矩形框图层2种方法及效果
2020/06/18 Python
Python 如何调试程序崩溃错误
2020/08/03 Python
Python包资源下载路径报404解决方案
2020/11/05 Python
详解pandas赋值失败问题解决
2020/11/29 Python
LINUX下线程,GDI类的解释
2012/04/17 面试题
拾金不昧的表扬信
2014/01/16 职场文书
个人租房协议书
2014/04/09 职场文书
共青团员自我评价
2015/03/10 职场文书
2016教师节感恩话语
2015/12/09 职场文书
JavaScript原型链中函数和对象的理解
2022/06/16 Javascript