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 相关文章推荐
javascript prototype,executing,context,closure
Dec 24 Javascript
js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍
Jan 24 Javascript
Javascript计算两个marker之间的距离(Google Map V3)
Apr 26 Javascript
JS+CSS 制作的超级简单的下拉菜单附图
Nov 22 Javascript
JavaScript拆分字符串时产生空字符的解决方案
Sep 26 Javascript
常用的JavaScript WEB操作方法分享
Feb 28 Javascript
jquery.form.js实现将form提交转为ajax方式提交的方法
Apr 07 Javascript
jQuery实现内容定时切换效果完整实例
Apr 06 Javascript
jQuery获取table行数并输出单元格内容的实现方法
Jun 30 Javascript
vue的一个分页组件的示例代码
Dec 25 Javascript
原生javascript实现连连看游戏
Jan 03 Javascript
关于微信小程序登录的那些事
Jan 08 Javascript
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
Apache 配置详解(最好的APACHE配置教程)
2010/07/04 PHP
PHP多态代码实例
2015/06/26 PHP
php实现Mysql简易操作类
2015/10/11 PHP
PHP使用glob方法遍历文件夹下所有文件的实例
2018/10/17 PHP
清除网页历史记录,屏蔽后退按钮!
2008/12/22 Javascript
获取css样式表内样式的js函数currentStyle(IE),defaultView(FF)
2011/02/14 Javascript
Javascript中查找不以XX字符结尾的单词示例代码
2013/10/15 Javascript
jQuery解决input超多的表单提交
2015/08/10 Javascript
jquery制作图片时钟特效
2020/03/30 Javascript
JS使用JSON作为参数实例分析
2016/06/23 Javascript
解析Vue2.0双向绑定实现原理
2017/02/23 Javascript
vue-cli+webpack在生成的项目中使用bootstrap实例代码
2017/05/26 Javascript
Three.js实现绘制字体模型示例代码
2017/09/26 Javascript
vue-cli之router基本使用方法详解
2017/10/17 Javascript
jQuery幻灯片插件owlcarousel参数说明中文文档
2018/02/27 jQuery
微信小程序学习笔记之获取位置信息操作图文详解
2019/03/29 Javascript
[08:04]TI4西雅图DOTA2前线报道 海涛探访各路人马
2014/07/09 DOTA
Python常用列表数据结构小结
2014/08/06 Python
常见的在Python中实现单例模式的三种方法
2015/04/08 Python
详解Python中with语句的用法
2015/04/15 Python
Swift 3.0在集合类数据结构上的一些新变化总结
2016/07/11 Python
Python探索之修改Python搜索路径
2017/10/25 Python
python 在指定范围内随机生成不重复的n个数实例
2019/01/28 Python
Python中使用双下划线防止类属性被覆盖问题
2019/06/27 Python
Python字符串中添加、插入特定字符的方法
2019/09/10 Python
Python计算IV值的示例讲解
2020/02/28 Python
Jupyter Notebook的连接密码 token查询方式
2020/04/21 Python
基于python实现地址和经纬度转换
2020/05/19 Python
使用OpenCV获取图片连通域数量,并用不同颜色标记函
2020/06/04 Python
Pycharm添加虚拟解释器报错问题解决方案
2020/10/13 Python
迪卡侬(Decathlon)加拿大官网:源自法国的运动专业超市
2020/11/22 全球购物
消防工作实施方案
2014/06/09 职场文书
车辆挂靠协议书
2016/03/23 职场文书
创业计划书之外语培训班
2019/11/02 职场文书
pandas取dataframe特定行列的实现方法
2021/05/24 Python
MySQL利用UNION连接2个查询排序失效详解
2021/11/20 MySQL