网页前端登录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 相关文章推荐
jquery HotKeys轻松搞定键盘事件代码
Aug 30 Javascript
FLASH 广告之外的链接
Dec 16 Javascript
js中将字符串转换成json的三种方式
Jan 12 Javascript
javascript 弹出层组件(升级版)
May 12 Javascript
javascript如何使用bind指定接收者
May 04 Javascript
用js通过url传参把数据从一个页面传到另一个页面
Sep 01 Javascript
如何用JavaScript定义一个类
Sep 12 Javascript
Javascript中内建函数reduce的应用详解
Oct 20 Javascript
underscore之function_动力节点Java学院整理
Jul 11 Javascript
Node.js中的不安全跳转如何防御详解
Oct 21 Javascript
jQuery实现的移动端图片缩放功能组件示例
May 01 jQuery
微信小程序用户盒子、宫格列表的实现
Jul 01 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计算上一个月的今天
2013/05/23 PHP
php批量上传的实现代码
2013/06/09 PHP
ThinkPHP利用PHPMailer实现邮件发送实现代码
2013/09/26 PHP
Smarty保留变量用法分析
2016/05/23 PHP
php微信开发自定义菜单
2016/08/27 PHP
javascript 读取XML数据,在页面中展现、编辑、保存的实现
2009/10/27 Javascript
自用js开发框架小成 学习js的朋友可以看看
2010/11/16 Javascript
javascript ie6兼容position:fixed实现思路
2013/04/01 Javascript
GridView中获取被点击行中的DropDownList和TextBox中的值
2013/07/18 Javascript
多种方法实现JS动态添加事件
2013/11/01 Javascript
jquery改变disabled的boolean状态的三种方法
2013/12/13 Javascript
JS实现简单的天数计算器完整实例
2017/04/28 Javascript
使用vue实现grid-layout功能实例代码
2018/01/05 Javascript
修改vue+webpack run build的路径方法
2018/09/01 Javascript
JQuery搜索框自动补全(模糊匹配)功能实现示例
2019/01/08 jQuery
js实现类似iphone的网页滑屏解锁功能示例【附源码下载】
2019/06/10 Javascript
JS中async/await实现异步调用的方法
2019/08/28 Javascript
使用JS来动态操作css的几种方法
2019/12/18 Javascript
JS localStorage存储对象,sessionStorage存储数组对象操作示例
2020/02/15 Javascript
Python中请使用isinstance()判断变量类型
2014/08/25 Python
Django2.1集成xadmin管理后台所遇到的错误集锦(填坑)
2018/12/20 Python
Python二叉树的遍历操作示例【前序遍历,中序遍历,后序遍历,层序遍历】
2018/12/24 Python
简单了解Python matplotlib线的属性
2019/06/29 Python
Python有参函数使用代码实例
2020/01/06 Python
Jupyter打开图形界面并画出正弦函数图像实例
2020/04/24 Python
Tensorflow中k.gradients()和tf.stop_gradient()用法说明
2020/06/10 Python
Django利用elasticsearch(搜索引擎)实现搜索功能
2020/11/26 Python
使用HTML5 Canvas绘制圆角矩形及相关的一些应用举例
2016/03/22 HTML / CSS
canvas之自定义头像功能实现代码示例
2017/09/29 HTML / CSS
Interflora澳大利亚:同日鲜花速递
2019/06/25 全球购物
机电专业体育教师求职信
2013/09/21 职场文书
项目资料员岗位职责
2013/12/10 职场文书
应届生自荐信
2014/06/30 职场文书
学会用Python实现滑雪小游戏,再也不用去北海道啦
2021/05/20 Python
Python OpenCV实现传统图片格式与base64转换
2021/06/13 Python
python中 Flask Web 表单的使用方法
2022/05/20 Python