网页前端登录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 相关文章推荐
javascript 无提示关闭窗口脚本
Aug 17 Javascript
ExtJS Store的数据访问与更新问题
Apr 28 Javascript
JavaScript和ActionScript的交互实现代码
Aug 01 Javascript
使用jQuery清空file文件域的解决方案
Apr 12 Javascript
自定义百度分享的分享按钮
Mar 18 Javascript
JS实现仿QQ聊天窗口抖动特效
May 10 Javascript
Js制作点击输入框时默认文字消失的效果
Sep 05 Javascript
微信小程序-详解数据缓存
Nov 24 Javascript
纯JS实现表单验证实例
Dec 24 Javascript
angularjs实现的前端分页控件示例
Feb 10 Javascript
利用NPM淘宝的node.js镜像加速nvm
Mar 27 Javascript
小程序getLocation需要在app.json中声明permission字段
Apr 04 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实现对站点内容外部链接的过滤方法
2014/09/10 PHP
PHP SESSION的增加、删除、修改、查看操作
2015/03/20 PHP
Laravel实现表单提交
2017/05/07 PHP
mouse_on_title.js
2006/08/25 Javascript
百度留言本js 大家可以参考下
2009/10/13 Javascript
jQuery 技巧小结
2010/04/02 Javascript
juqery 学习之五 文档处理 包裹、替换、删除、复制
2011/02/11 Javascript
动态加载js的方法汇总
2015/02/13 Javascript
JavaScript函数参数使用带参数名的方式赋值传入的方法
2015/03/19 Javascript
jQuery中的ajax async同步和异步详解
2015/09/29 Javascript
jQuery改变form表单的action,并进行提交的实现代码
2016/05/25 Javascript
基于js里调用函数时,函数名带括号和不带括号的区别
2016/07/28 Javascript
js 将图片连接转换成base64格式的简单实例
2016/08/10 Javascript
浅谈jQuery框架Ajax常用选项
2017/07/08 jQuery
vue生成随机验证码的示例代码
2017/09/29 Javascript
详解基于DllPlugin和DllReferencePlugin的webpack构建优化
2018/06/28 Javascript
用Node编写RESTful API接口的示例代码
2018/07/04 Javascript
微信小程序实现顶部下拉菜单栏
2018/11/04 Javascript
从组件封装看Vue的作用域插槽的实现
2019/02/12 Javascript
nodejs中实现修改用户路由功能
2019/05/24 NodeJs
微信小程序实现录音功能
2019/11/22 Javascript
一些常用的Python爬虫技巧汇总
2016/09/28 Python
python实现定时压缩指定文件夹发送邮件
2020/12/22 Python
Pandas_cum累积计算和rolling滚动计算的用法详解
2019/07/04 Python
python科学计算之narray对象用法
2019/11/25 Python
python实现从wind导入数据
2019/12/03 Python
对python中各个response的使用说明
2020/03/28 Python
全球知名提供各类营养保健品的零售商:Vitamin Shoppe
2016/10/09 全球购物
党员个人思想汇报
2013/12/28 职场文书
收银出纳员岗位职责
2014/02/23 职场文书
国窖1573广告词
2014/03/21 职场文书
标准的毕业生自荐信
2014/04/20 职场文书
培训感想范文
2015/08/07 职场文书
创业计划书之少年玩具店
2019/09/05 职场文书
解决Pytorch dataloader时报错每个tensor维度不一样的问题
2021/05/28 Python
python基础之类属性和实例属性
2021/10/24 Python