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中设置元素class的三种方法小结
Aug 28 Javascript
JS对文本框值的判断示例
Mar 10 Javascript
JQuery中两个ul标签的li互相移动实现方法
May 18 Javascript
简单谈谈javascript Date类型
Sep 06 Javascript
原生JS获取元素集合的子元素宽度实例
Dec 14 Javascript
JS实现拖拽的方法分析
Dec 20 Javascript
Bootstrap实现渐变顶部固定自适应导航栏
Aug 27 Javascript
JS实现仿百度文库评分功能
Jan 12 Javascript
jQuery中layer分页器的使用
Mar 13 Javascript
本地搭建微信小程序服务器的实现方法
Oct 27 Javascript
微信小程序实现动态显示和隐藏某个控件功能示例
Dec 14 Javascript
使用jquery的cookie实现登录页记住用户名和密码的方法
Mar 13 jQuery
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
php笔记之:初探PHPcms模块开发介绍
2013/04/26 PHP
项目中应用Redis+Php的场景
2016/05/22 PHP
PC端微信扫码支付成功之后自动跳转php版代码
2017/07/07 PHP
用JS操作FRAME中的IFRAME及其内容的实现代码
2008/07/26 Javascript
input、button的不同type值在ajax提交表单时导致的陷阱
2009/02/24 Javascript
Jquery多选下拉列表插件jquery multiselect功能介绍及使用
2013/05/24 Javascript
使用jquery解析XML的方法
2014/09/05 Javascript
Nginx上传文件全部缓存解决方案
2015/08/17 Javascript
js+css实现select的美化效果
2016/03/24 Javascript
JavaScript事件详细讲解
2016/06/27 Javascript
js插件dropload上拉下滑加载数据实例解析
2016/07/27 Javascript
javascript 数组的正态分布排序的问题
2016/07/31 Javascript
AngularJS中如何使用echart插件示例详解
2016/10/26 Javascript
将鼠标焦点定位到文本框最后(代码分享)
2017/01/11 Javascript
nodejs multer实现文件上传与下载
2017/05/10 NodeJs
jQuery鼠标移动图片上实现放大效果
2017/06/25 jQuery
Vue props 单向数据流的实现
2018/11/06 Javascript
jQuery实现上下滚动公告栏详细代码
2018/11/21 jQuery
基于vue通用表单解决方案的思考与分析
2019/03/16 Javascript
vue spa应用中的路由缓存问题与解决方案
2019/05/31 Javascript
微信小程序实现点击效果
2019/06/21 Javascript
Elementui表格组件+sortablejs实现行拖拽排序的示例代码
2019/08/28 Javascript
js实现计时器秒表功能
2019/12/16 Javascript
解决python文件字符串转列表时遇到空行的问题
2017/07/09 Python
python 读取文本文件的行数据,文件.splitlines()的方法
2018/07/12 Python
pytorch自定义二值化网络层方式
2020/01/07 Python
PyCharm如何导入python项目的方法
2020/02/06 Python
Html5游戏开发之乒乓Ping Pong游戏示例(二)
2013/01/21 HTML / CSS
商务英语专业毕业生自荐信
2013/11/05 职场文书
五年级数学教学反思
2014/02/11 职场文书
服装设计师职业生涯规划范文
2014/02/28 职场文书
弘扬职业精神演讲稿
2014/03/20 职场文书
2014年社区综治工作总结
2014/11/17 职场文书
2019学生会干事辞职信
2019/06/27 职场文书
vue+element ui实现锚点定位
2021/06/29 Vue.js
Java中的继承、多态以及封装
2022/04/11 Java/Android