网页前端登录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判断录入的日期是否合法
Jan 08 Javascript
javascript 构建一个xmlhttp对象池合理创建和使用xmlhttp对象
Jan 15 Javascript
JavaScript this调用规则说明
Mar 08 Javascript
javascript里模拟sleep(两种实现方式)
Jan 25 Javascript
鼠标选择动态改变网页背景颜色的JS代码
Dec 10 Javascript
javascript文件加载管理简单实现方法
Jul 25 Javascript
基于JS代码实现导航条弹出式悬浮菜单
Jun 17 Javascript
vue.js todolist实现代码
Oct 29 Javascript
vue发送ajax请求详解
Oct 09 Javascript
javascript定时器的简单应用示例【控制方块移动】
Jun 17 Javascript
关于vue.js中实现方法内某些代码延时执行
Nov 14 Javascript
基于react项目打包css引用路径错误解决方案
Oct 28 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
Yii查询生成器(Query Builder)用法实例教程
2014/09/04 PHP
ThinkPHP控制器里javascript代码不能执行的解决方法
2014/11/22 PHP
php实现Mongodb自定义方式生成自增ID的方法
2015/03/23 PHP
php抛出异常与捕捉特定类型的异常详解
2016/10/26 PHP
JS无法捕获滚动条上的mouse up事件的原因猜想
2012/03/21 Javascript
jQuery瀑布流插件Wookmark使用实例
2014/04/02 Javascript
JS实现距离上次刷新已过多少秒示例
2014/05/23 Javascript
JavaScript之Object类型介绍
2015/04/01 Javascript
JavaScript对HTML DOM使用EventListener进行操作
2015/10/21 Javascript
js实现接收表单的值并将值拼在表单action后面的方法
2015/11/23 Javascript
jQuery中事件与动画的总结分享
2016/05/24 Javascript
解决ztree搜索中多级菜单展示不全问题
2017/07/05 Javascript
浅谈Angular2 ng-content 指令在组件中嵌入内容
2017/08/18 Javascript
jQuery事件对象的属性和方法详解
2017/09/09 jQuery
使用Dropzone.js上传的示例代码
2017/10/10 Javascript
JavaScript 中判断变量是否为数字的示例代码
2020/10/22 Javascript
python中enumerate函数遍历元素用法分析
2016/03/11 Python
Python常见格式化字符串方法小结【百分号与format方法】
2016/09/18 Python
Python实现将数据框数据写入mongodb及mysql数据库的方法
2018/04/02 Python
在python中使用requests 模拟浏览器发送请求数据的方法
2018/12/26 Python
Python使用pydub库对mp3与wav格式进行互转的方法
2019/01/10 Python
python爬取内容存入Excel实例
2019/02/20 Python
python爬虫 execjs安装配置及使用
2019/07/30 Python
导入tensorflow:ImportError: libcublas.so.9.0 报错
2020/01/06 Python
django restframework serializer 增加自定义字段操作
2020/07/15 Python
你应该知道的30个css选择器
2014/03/19 HTML / CSS
Booking.com英国官网:全球酒店在线预订网站
2018/04/21 全球购物
init进程的作用
2012/04/12 面试题
团队口号大全
2014/06/06 职场文书
党的群众路线对照检查材料
2014/08/27 职场文书
部队反四风对照检查材料
2014/09/26 职场文书
2014年计生工作总结
2014/11/21 职场文书
实施意见格式范本
2015/06/05 职场文书
Python Parser的用法
2021/05/12 Python
基于JavaScript实现省市联动效果
2021/06/22 Javascript
Django+Nginx+uWSGI 定时任务的实现方法
2022/01/22 Python