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 相关文章推荐
使用按钮控制以何种方式打开新窗口的属性介绍
Dec 17 Javascript
js特殊字符转义介绍
Nov 05 Javascript
鼠标滑在标题上显示图片的JS代码
Nov 19 Javascript
jquery的ajax简单结构示例代码
Feb 17 Javascript
浅析tr的隐藏和显示问题
Mar 05 Javascript
jquery操作angularjs对象
Jun 26 Javascript
原生js实现autocomplete插件
Apr 14 Javascript
js判断手机系统是android还是ios
Mar 07 Javascript
js实现自动图片轮播代码
Mar 22 Javascript
微信小程序本地缓存数据增删改查实例详解
May 24 Javascript
在微信小程序中使用mqtt服务的方法
Dec 13 Javascript
对vuex中store和$store的区别说明
Jul 24 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学习之数组的定义和填充
2011/04/17 PHP
Yii2 加载css、js 载静态资源的方法
2017/03/10 PHP
php使用lua+redis实现限流,计数器模式,令牌桶模式
2019/04/04 PHP
PHP中quotemeta()函数的用法讲解
2019/04/04 PHP
JS实现金额转换(将输入的阿拉伯数字)转换成中文的实现代码
2013/09/30 Javascript
js动态设置鼠标事件示例代码
2013/10/30 Javascript
AngularJS语法详解(续)
2015/01/23 Javascript
javascript日期验证之输入日期大于等于当前日期
2015/12/13 Javascript
基于JS实现的笛卡尔乘积之商品发布
2016/05/13 Javascript
Bootstrap Table表格一直加载(load)不了数据的快速解决方法
2016/09/17 Javascript
jQuery插件zTree实现删除树子节点的方法示例
2017/03/08 Javascript
深入理解vue2.0路由如何配置问题
2017/07/18 Javascript
详解ES6 Symbol 的用途
2018/10/14 Javascript
Vue中消息横向滚动时setInterval清不掉的问题及解决方法
2019/08/23 Javascript
Vue——解决报错 Computed property &quot;****&quot; was assigned to but it has no setter.
2020/12/19 Vue.js
微信小程序自定义modal弹窗组件的方法详解
2020/12/20 Javascript
不同版本中Python matplotlib.pyplot.draw()界面绘制异常问题的解决
2017/09/24 Python
python中单下划线_的常见用法总结
2018/07/10 Python
Python中pymysql 模块的使用详解
2019/08/12 Python
一款纯css3实现的动画加载导航
2014/10/08 HTML / CSS
整理的15个非常有用的 HTML5 开发教程和速查手册
2011/10/18 HTML / CSS
GNC健安喜官方海外旗舰店:美国著名保健品牌
2017/01/04 全球购物
俄语地区最大的中国商品在线购物网站之一:Umka Mall
2019/11/03 全球购物
儿科护理实习自我鉴定
2013/09/19 职场文书
函授自我鉴定
2013/11/06 职场文书
自荐信的基本格式
2014/02/22 职场文书
学习党代会心得体会
2014/09/05 职场文书
失恋33天观后感
2015/06/11 职场文书
教师工作证明范本
2015/06/12 职场文书
欢送会主持词
2015/07/01 职场文书
2016年优秀少先队辅导员事迹材料
2016/02/26 职场文书
2019大学竞选班长发言稿
2019/06/27 职场文书
php字符串倒叙
2021/04/01 PHP
python3实现无权最短路径的方法
2021/05/12 Python
教你漂亮打印Pandas DataFrames和Series
2021/05/29 Python
springboot读取nacos配置文件
2022/05/20 Java/Android