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 相关文章推荐
一段批量给页面上的控件赋值js
Jun 19 Javascript
不使用中间变量,交换int型的 a, b两个变量的值。
Oct 29 Javascript
基于JavaScript制作霓虹灯文字 代码 特效
Sep 01 Javascript
JS中使用变量保存arguments对象的方法
Jun 03 Javascript
jQuery根据name属性进行查找的用法分析
Jun 23 Javascript
js继承实现方法详解
Dec 16 Javascript
js仿QQ邮箱收件人选择与搜索功能
Feb 10 Javascript
ReactJS实现表单的单选多选和反选的示例
Oct 13 Javascript
Vue 过滤器filters及基本用法
Dec 26 Javascript
vue vue-Router默认hash模式修改为history需要做的修改详解
Sep 13 Javascript
Vue多组件仓库开发与发布详解
Feb 28 Javascript
el-select数据过多懒加载的解决(loadmore)
May 29 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文字水印和php图片水印实现代码(二种加水印方法)
2013/12/25 PHP
使用openssl实现rsa非对称加密算法示例
2014/01/24 PHP
PHP+jQuery 注册模块开发详解
2014/10/14 PHP
JS高级笔记
2011/07/13 Javascript
JS常用字符串处理方法应用总结
2014/05/22 Javascript
JS+CSS实现电子商务网站导航模板效果代码
2015/09/10 Javascript
Knockout自定义绑定创建方法
2015/12/26 Javascript
JavaScript实现给定时间相加天数的方法
2016/01/25 Javascript
浅析JS动态创建元素【两种方法】
2016/04/20 Javascript
jQuery grep()方法详解及实例代码
2016/10/30 Javascript
浅谈jQuery中的$.extend方法来扩展JSON对象
2017/02/12 Javascript
详解JavaScript对象的深浅复制
2017/03/30 Javascript
微信小程序出现wx.navigateTo页面不跳转问题的解决方法
2017/12/26 Javascript
Vue EventBus自定义组件事件传递
2018/06/25 Javascript
javascript设计模式 ? 命令模式原理与用法实例分析
2020/04/20 Javascript
vue-admin-template配置快捷导航的代码(标签导航栏)
2020/09/04 Javascript
[49:07]VGJ.T vs Optic Supermajor小组赛D组 BO3 第二场 6.3
2018/06/04 DOTA
Python 列表list使用介绍
2014/11/30 Python
Python程序中使用SQLAlchemy时出现乱码的解决方案
2015/04/24 Python
初步认识Python中的列表与位运算符
2015/10/12 Python
独特的python循环语句
2016/11/20 Python
Python使用回溯法子集树模板解决爬楼梯问题示例
2017/09/08 Python
Python 高级专用类方法的实例详解
2017/09/11 Python
python3正则提取字符串里的中文实例
2019/01/31 Python
Python API 自动化实战详解(纯代码)
2019/06/11 Python
python中使用while循环的实例
2019/08/05 Python
django迁移文件migrations的实现
2020/03/31 Python
Python如何读取、写入JSON数据
2020/07/28 Python
C#里面如何倒序排列一个数组的元素?
2013/06/21 面试题
机械工程系毕业生求职信
2013/09/27 职场文书
财务主管自我鉴定
2014/01/17 职场文书
贯彻学习两会心得体会范文
2014/03/17 职场文书
警察群众路线整改措施
2014/09/26 职场文书
4S店收银员岗位职责
2015/04/07 职场文书
2019如何书写演讲稿?
2019/07/01 职场文书
mysql数据库入门第一步之创建表
2021/05/14 MySQL