网页前端登录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 相关文章推荐
跨浏览器开发经验总结(四) 怎么写入剪贴板
May 13 Javascript
javascript实现动态统计图开发实例
Nov 21 Javascript
基于jQuery实现火焰灯效果导航菜单
Jan 04 Javascript
详解基于node的前端项目编译时内存溢出问题
Aug 01 Javascript
Node.js利用断言模块assert进行单元测试的方法
Sep 28 Javascript
在Vue项目中使用d3.js的实例代码
May 01 Javascript
js 计算图片内点个数的示例代码
Apr 04 Javascript
node 标准输入流和输出流代码实例
Sep 19 Javascript
Vue替代marquee标签超出宽度文字横向滚动效果
Dec 09 Javascript
JS实现网站吸顶条
Jan 08 Javascript
如何在 ant 的table中实现图片的渲染操作
Oct 28 Javascript
如何使用原生Js实现随机点名详解
Jan 06 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统计文件大小,以GB、MB、KB、B输出
2011/05/29 PHP
PHP实现的方程求解示例分析
2016/11/11 PHP
ajax+php实现无刷新验证手机号的实例
2017/12/22 PHP
PHP使用SOAP调用API操作示例
2018/12/25 PHP
Laravel validate error处理,ajax,json示例
2019/10/25 PHP
Dom加载让图片加载完再执行的脚本代码
2008/05/15 Javascript
node在两个div之间移动,用ztree实现
2013/03/06 Javascript
js字符串转换成xml对象并使用技巧解读
2013/04/18 Javascript
Jquery实现三层遍历删除功能代码
2013/04/23 Javascript
完美兼容各大浏览器获取HTTP_REFERER方法总结
2014/06/24 Javascript
jquery实现在网页指定区域显示自定义右键菜单效果
2015/08/25 Javascript
基于JS代码实现图片在页面中旋转效果
2016/06/16 Javascript
Bootstrap源码解读网格系统(3)
2016/12/22 Javascript
移动端界面的适配
2017/01/11 Javascript
jQuery实现简易的输入框字数计数功能示例
2017/01/16 Javascript
详解nodejs中exports和module.exports的区别
2017/02/17 NodeJs
微信小程序实现下拉刷新和轮播图效果
2017/11/21 Javascript
vue全局使用axios的方法实例详解
2018/11/22 Javascript
页面内锚点定位及跳转方法总结(推荐)
2019/04/24 Javascript
vue-openlayers实现地图坐标弹框效果
2020/09/24 Javascript
Python学习教程之常用的内置函数大全
2017/07/14 Python
python网络爬虫之如何伪装逃过反爬虫程序的方法
2017/11/23 Python
使用Django启动命令行及执行脚本的方法
2018/05/29 Python
Python第三方Window模块文件的几种安装方法
2018/11/22 Python
Python同步遍历多个列表的示例
2019/02/19 Python
基于python实现数组格式参数加密计算
2020/04/21 Python
基于OpenCV的路面质量检测的实现
2020/11/04 Python
CSS3 实现雷达扫描图的示例代码
2020/09/21 HTML / CSS
领导检查欢迎词
2014/01/14 职场文书
工厂会计员职责
2014/02/06 职场文书
大课间活动实施方案
2014/03/06 职场文书
宣传活动总结范文
2014/07/01 职场文书
2015年精神文明建设工作总结
2015/04/21 职场文书
2015年社区工会工作总结
2015/05/26 职场文书
一道JS算法面试题——冒泡、选择排序
2021/04/21 Javascript
Golang 空map和未初始化map的注意事项说明
2021/04/29 Golang