onkeydown事件解决按回车键直接提交数据的需求


Posted in Javascript onApril 11, 2013

登陆页面需要扑捉用户按下回车自动提交的需求:
在body里添加onkeydown事件跳javascript在提交表单。

查找文档如下
onkeydown 事件会在用户按下一个键盘按键时发生。
语法:onkeydown="SomeJavaScriptCode"

支持该事件的html标签;

<a>, <acronym>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <body>, <button>, <caption>, <cite>, <code>, <dd>, <del>, <dfn>, <div>, <dt>, <em>, <fieldset>, <form>, <h1> to <h6>, <hr>, <i>, <input>, <kbd>, <label>, <legend>, <li>, <map>, <object>, <ol>, <p>, <pre>, <q>, <samp>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>, <tr>, <tt>, <ul>, <var>

支持该事件的javascript对象:
document, image, link, textarea浏览器差异:
Internet Explorer 使用 event.keyCode 取回被按下的字符,而 Netscape/Firefox/Opera 使用 event.which。
实例:在本例中,用户无法在输入框中键入数字
<html> 
<body> 
<script type="text/javascript"> 
function noNumbers(e) 
{ 
var keynum 
var keychar 
var numcheck 
if(window.event) // IE 
{ 
keynum = e.keyCode 
} 
else if(e.which) // Netscape/Firefox/Opera 
{ 
keynum = e.which 
} 
keychar = String.fromCharCode(keynum) 
numcheck = /\d/ 
return !numcheck.test(keychar) 
} 
</script> 
<form> 
<input type="text" onkeydown="return noNumbers(event)" /> 
</form> 
</html>
Javascript 相关文章推荐
fromCharCode和charCodeAt 方法
Dec 27 Javascript
Prototype使用指南之range.js
Jan 10 Javascript
一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子
Jun 26 Javascript
js中直接声明一个对象的方法
Aug 10 Javascript
jQuery+ajax实现文章点赞功能的方法
Dec 31 Javascript
JavaScript仿微信打飞机游戏
Jul 05 Javascript
Mac系统下Webstorm快捷键整理大全
May 28 Javascript
vue单页缓存存在的问题及解决方案(小结)
Sep 25 Javascript
微信{"errcode":48001,"errmsg":"api unauthorized, hints: [ req_id: 1QoCla0699ns81 ]"}
Oct 12 Javascript
Node.js API详解之 string_decoder用法实例分析
Apr 29 Javascript
JS箭头函数和常规函数之间的区别实例分析【 5 个区别】
May 27 Javascript
vue2的 router在使用过程中遇到的一些问题
Apr 13 Vue.js
jQuery实用基础超详细介绍
Apr 11 #Javascript
在js中判断checkboxlist(.net控件客户端id)是否有选中
Apr 11 #Javascript
jQuery实现 注册时选择阅读条款 左右移动
Apr 11 #Javascript
基于jquery实现后台左侧菜单点击上下滑动显示
Apr 11 #Javascript
基于jquery实现点击左右按钮图片横向滚动
Apr 11 #Javascript
你的 mixin 真的兼容 ECMAScript 5 吗?
Apr 11 #Javascript
谈谈关于JavaScript 中的 MVC 模式
Apr 11 #Javascript
You might like
PHP IDE PHPStorm配置支持友好Laravel代码提示方法
2015/05/12 PHP
php循环table实现一行两列显示的方法
2015/06/04 PHP
利用PHP_XLSXWriter代替PHPExcel的方法示例
2017/07/16 PHP
javascript call方法使用说明
2010/01/11 Javascript
js中格式化日期时间型数据函数代码
2010/11/08 Javascript
JS可以控制样式的名称写法一览
2014/01/16 Javascript
利用JQuery和Servlet实现跨域提交请求示例分享
2014/02/12 Javascript
JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果
2015/10/14 Javascript
windows下更新npm和node的方法
2017/11/30 Javascript
angularjs中$http异步上传Excel文件方法
2018/02/23 Javascript
javascript刷新父页面方法汇总详解
2019/10/10 Javascript
vue学习笔记之Vue中css动画原理简单示例
2020/02/29 Javascript
[03:02]2020完美世界城市挑战赛(秋季赛)总决赛回顾
2021/03/11 DOTA
深入分析在Python模块顶层运行的代码引起的一个Bug
2014/07/04 Python
Python字符串格式化
2015/06/15 Python
Python中使用bidict模块双向字典结构的奇技淫巧
2016/07/12 Python
Python爬虫实战:分析《战狼2》豆瓣影评
2018/03/26 Python
pytorch 数据集图片显示方法
2018/07/26 Python
对Python3使运行暂停的方法详解
2019/02/18 Python
Python3字符串encode与decode的讲解
2019/04/02 Python
python算法题 链表反转详解
2019/07/02 Python
python 实现多维数组转向量
2019/11/30 Python
Pytorch 解决自定义子Module .cuda() tensor失败的问题
2020/06/23 Python
Python3爬虫中关于Ajax分析方法的总结
2020/07/10 Python
Python random模块的使用示例
2020/10/10 Python
New Balance美国官网:运动鞋和健身服装
2017/04/11 全球购物
宝拉珍选官方旗舰店:2%水杨酸精华液,收缩毛孔粗大和祛痘
2018/07/01 全球购物
接口中的方法可以是abstract的吗
2015/07/23 面试题
幼儿园老师寄语
2014/04/03 职场文书
暑期教师培训方案
2014/06/07 职场文书
2014年大学生社会实践自我鉴定
2014/09/26 职场文书
2015年社区工作总结
2015/04/08 职场文书
2015年国庆节广播稿
2015/08/19 职场文书
浅谈resultMap的用法及关联结果集映射
2021/06/30 Java/Android
【海涛DOTA】D-cup邀请赛NV.cn vs DT.Love
2022/04/01 DOTA
MySQL新手入门进阶语句汇总
2022/09/23 MySQL