网页前端登录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 相关文章推荐
开发 Internet Explorer 右键功能表(ContextMenu)
Jul 03 Javascript
详解addEventListener的三个参数之useCapture
Mar 16 Javascript
Node.js项目中调用JavaScript的EJS模板库的方法
Mar 11 Javascript
基于angularJS的表单验证指令介绍
Oct 21 Javascript
百度多文件异步上传控件webuploader基本用法解析
Nov 07 Javascript
JS实现的全排列组合算法示例
Oct 09 Javascript
three.js中文文档学习之通过模块导入
Nov 20 Javascript
Vue父组件调用子组件事件方法
Feb 23 Javascript
Vue 应用中结合vux使用微信 jssdk的方法
Aug 28 Javascript
js变量声明var使用与不使用的区别详解
Jan 21 Javascript
10种JavaScript最常见的错误(小结)
Jun 21 Javascript
JS数组方法slice()用法实例分析
Jan 18 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
apache2.2.4+mysql5.0.77+php5.2.8安装精简
2009/04/29 PHP
CI框架源码阅读,系统常量文件constants.php的配置
2013/02/28 PHP
PHP进程通信基础之信号
2017/02/19 PHP
PHP 进程池与轮询调度算法实现多任务的示例代码
2019/11/26 PHP
JS调试必备的5个debug技巧
2014/03/07 Javascript
jQuery根据ID获取input、checkbox、radio、select的示例
2014/08/11 Javascript
Node.js实现JS文件合并小工具
2016/02/02 Javascript
jQuery+PHP+MySQL实现无限级联下拉框效果
2016/02/19 Javascript
第六章之辅组类与响应式工具
2016/04/25 Javascript
Vue.js动态添加、删除选题的实例代码
2016/09/30 Javascript
在点击div中的p时,如何阻止事件冒泡
2017/02/07 Javascript
vuejs简单验证码功能完整示例
2019/01/08 Javascript
JavaScript中工厂函数与构造函数示例详解
2019/05/06 Javascript
python计算一个序列的平均值的方法
2015/07/11 Python
Python的pycurl包用法简介
2015/11/13 Python
Python使用BeautifulSoup库解析HTML基本使用教程
2016/03/31 Python
查看django版本的方法分享
2018/05/14 Python
Python同步遍历多个列表的示例
2019/02/19 Python
Python-Seaborn热图绘制的实现方法
2019/07/15 Python
已安装tensorflow-gpu,但keras无法使用GPU加速的解决
2020/02/07 Python
最新2019Pycharm安装教程 亲测
2020/02/28 Python
python由已知数组快速生成新数组的方法
2020/04/08 Python
快速了解Python开发环境Spyder
2020/06/29 Python
canvas学习和滤镜实现代码
2018/08/22 HTML / CSS
Charlotte Tilbury英国官网:英国彩妆品牌
2017/05/26 全球购物
Crabtree & Evelyn英国官网:瑰珀翠护手霜、香水、沐浴和身体护理
2018/04/26 全球购物
NFL加拿大官方网上商店:NHLShop.ca
2019/03/12 全球购物
Everything But Water官网:美国泳装品牌
2019/03/17 全球购物
Schecker荷兰:狗狗用品和配件
2019/06/06 全球购物
三分钟自我介绍演讲稿
2014/08/21 职场文书
2014领导班子“四风问题”对照检查材料思想汇报(执法局)
2014/09/21 职场文书
2015年城管个人工作总结范文
2015/04/20 职场文书
基层组织建设年活动总结
2015/05/09 职场文书
大学生安全教育主题班会
2015/08/12 职场文书
浅谈Python数学建模之固定费用问题
2021/06/23 Python
win11高清晰音频管理器在哪里?win11找不到高清晰音频管理器解决办法
2022/04/08 数码科技