js实现键盘Enter键提交表单的方法


Posted in Javascript onMay 27, 2015

本文实例讲述了js实现键盘Enter键提交表单的方法。分享给大家供大家参考。具体实现方法如下:

//执行键盘按键命令
function keyDown(e){ 
 var keycode = 0;
 //IE浏览器
 if(CheckBrowserIsIE()){
  keycode = event.keyCode;
 }else{
 //火狐浏览器
 keycode = e.which;
 }
 if (keycode == 13 ) //回车键是13
 {
  //document.getElementById("login").click();
  document.getElementById("loginform").submit();
 }
}
//判断访问者的浏览器是否是IE
function CheckBrowserIsIE(){
 var result = false;
 var browser = navigator.appName;
 if(browser == "Microsoft Internet Explorer"){
  result = true;
 }
 return result;
}

最后只需要在body中加入:<body onkeydown="keyDown(event);">。
 
或者如下方法,但是在火狐浏览器下不兼容:

function document.onkeydown(){  
 if(event.keyCode==13)  
 document.getElementById('loginFrom').submit();
}

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
js获取提交的字符串的字节数
Feb 09 Javascript
Java File类的常用方法总结
Mar 18 Javascript
jQuery实现灰蓝风格标准二级下拉菜单效果代码
Aug 31 Javascript
jQuery超简单选项卡完整实例
Sep 26 Javascript
JavaScript中函数表达式和函数声明及函数声明与函数表达式的不同
Nov 15 Javascript
Jquery $when done then的用法详解
May 20 Javascript
Node.js如何自动审核团队的代码
Jul 20 Javascript
深入理解AngularJS中的ng-bind-html指令
Mar 27 Javascript
vue favicon设置以及动态修改favicon的方法
Dec 21 Javascript
vue获取form表单的值示例
Oct 29 Javascript
vscode 调试 node.js的方法步骤
Sep 15 Javascript
Vue+Vant 图片上传加显示的案例
Nov 03 Javascript
js实现简单锁屏功能实例
May 27 #Javascript
JS实现简单路由器功能的方法
May 27 #Javascript
JavaScript实现将UPC转换成ISBN的方法
May 26 #Javascript
JavaScript对表格或元素按文本,数字或日期排序的方法
May 26 #Javascript
js实现文本框选中的方法
May 26 #Javascript
javascript委托(Delegate)blur和focus用法实例分析
May 26 #Javascript
javascript删除元素节点removeChild()用法实例
May 26 #Javascript
You might like
短波的认识
2021/03/01 无线电
shell脚本作为保证PHP脚本不挂掉的守护进程实例分享
2013/07/15 PHP
ExtJS 2.0实用简明教程 之ExtJS版的Hello
2009/04/29 Javascript
JS动态添加与删除select中的Option对象(示例代码)
2013/12/20 Javascript
[原创]推荐10款最热门jQuery UI框架
2014/08/19 Javascript
如何动态加载外部Javascript文件
2015/12/02 Javascript
微信小程序实现实时圆形进度条的方法示例
2017/02/24 Javascript
jQuery加密密码到cookie的实现代码
2017/04/18 jQuery
React组件之间的通信的实例代码
2017/06/27 Javascript
js与jQuery实现获取table中的数据并拼成json字符串操作示例
2018/07/12 jQuery
element ui table(表格)实现点击一行展开功能
2018/12/04 Javascript
jQuery AJAX与jQuery事件的分析讲解
2019/02/18 jQuery
Vue父子传递实例讲解
2020/02/14 Javascript
js实现省级联动(数据结构优化)
2020/07/17 Javascript
pymongo实现控制mongodb中数字字段做加法的方法
2015/03/26 Python
python语言使用技巧分享
2016/05/31 Python
django_orm查询性能优化方法
2018/08/20 Python
使用NumPy读取MNIST数据的实现代码示例
2019/11/20 Python
django模型动态修改参数,增加 filter 字段的方式
2020/03/16 Python
Python使用pickle进行序列化和反序列化的示例代码
2020/09/22 Python
python分布式爬虫中消息队列知识点详解
2020/11/26 Python
Python爬虫后获取重定向url的两种方法
2021/01/19 Python
Html5无刷新修改browser Url的方法
2014/01/15 HTML / CSS
雅萌 (YA-MAN) :日本美容家电领域的龙头企业
2017/05/12 全球购物
初婚未育未抱养证明
2014/01/12 职场文书
护理不良事件检讨书
2014/02/06 职场文书
风险评估实施方案
2014/03/09 职场文书
国培计划培训感言
2014/03/11 职场文书
《蚕姑娘》教学反思
2014/04/15 职场文书
巾帼志愿者活动方案
2014/08/17 职场文书
服务整改报告
2014/11/06 职场文书
2014年酒店前台工作总结
2014/11/14 职场文书
第二次离婚起诉书
2015/05/18 职场文书
财产分割协议书
2016/03/22 职场文书
德生2P3收音机开箱评测
2022/04/30 无线电
Vue 打包后相对路径的引用问题
2022/06/05 Vue.js