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 相关文章推荐
jQuery EasyUI 开源插件套装 完全替代ExtJS
Mar 24 Javascript
innerText 使用示例
Jan 23 Javascript
AngularJs定制样式插入到ueditor中的问题小结
Aug 01 Javascript
AngularJS使用ng-inlude指令加载页面失败的原因与解决方法
Jan 19 Javascript
微信小程序左右滑动切换页面详解及实例代码
Feb 28 Javascript
js微信应用场景之微信音乐相册案例分享
Aug 11 Javascript
javascript实现文字无缝滚动效果
Aug 26 Javascript
p5.js实现斐波那契螺旋的示例代码
Mar 22 Javascript
微信小程序-API接口安全详解
Jul 16 Javascript
js滚轮事件 js自定义滚动条的实现
Jan 18 Javascript
koa-passport实现本地验证的方法示例
Feb 20 Javascript
json.stringify()与json.parse()的区别以及用处
Jan 25 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
PHP 写文本日志实现代码
2010/05/18 PHP
PHP 简易输出CSV表格文件的方法详解
2013/06/20 PHP
高性能PHP框架Symfony2经典入门教程
2014/07/08 PHP
php数据序列化测试实例详解
2017/08/12 PHP
PHP判断访客是否手机端(移动端浏览器)访问的方法总结【4种方法】
2019/03/27 PHP
javascript 自定义事件初探
2009/08/21 Javascript
jQuery中element选择器用法实例
2014/12/29 Javascript
js关于命名空间的函数实例
2015/02/05 Javascript
jquery插件validation实现验证身份证号等
2015/06/04 Javascript
超漂亮的Bootstrap 富文本编辑器summernote
2016/04/05 Javascript
JS中使用DOM来控制HTML元素
2016/07/31 Javascript
微信小程序 实现tabs选项卡效果实例代码
2016/10/31 Javascript
Bootstrap禁用响应式布局的实现方法
2017/03/09 Javascript
JS简单判断字符在另一个字符串中出现次数的2种常用方法
2017/04/20 Javascript
vue实现表格增删改查效果的实例代码
2017/07/18 Javascript
3种vue路由传参的基本模式
2018/02/22 Javascript
element ui 表格动态列显示空白bug 修复方法
2018/09/04 Javascript
从0搭建vue-cli4脚手架
2020/06/17 Javascript
python中lambda与def用法对比实例分析
2015/04/30 Python
python简单的函数定义和用法实例
2015/05/07 Python
python文字转语音实现过程解析
2019/11/12 Python
Django:使用filter的pk进行多值查询操作
2020/07/15 Python
TensorFlow2.0使用keras训练模型的实现
2021/02/20 Python
利用python实现后端写网页(flask框架)
2021/02/28 Python
微信小程序canvas实现水平、垂直居中效果
2020/02/05 HTML / CSS
美国女性运动零售品牌:Lady Foot Locker
2017/05/12 全球购物
大学生职业生涯规划书的基本内容
2014/01/06 职场文书
工商管理专业毕业生求职信
2014/05/26 职场文书
物理系毕业生自荐书
2014/06/13 职场文书
暑期学习心得体会
2014/09/02 职场文书
2014迎接教师节演讲稿
2014/09/10 职场文书
单位提档介绍信
2015/10/22 职场文书
提升Nginx性能的一些建议
2021/03/31 Servers
Pycharm 如何设置HTML文件自动补全代码或标签
2021/05/21 Python
MySQL查看表和清空表的常用命令总结
2021/05/26 MySQL