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 创建运动框架的实现代码
May 08 Javascript
jQuery 1.9移除了$.browser可以使用$.support来替代
Sep 03 Javascript
JavaScript实现的简单拖拽效果
Jun 01 Javascript
jQuery多个版本和其他js库冲突的解决方法
Aug 11 Javascript
Javascript中的对象和原型(二)
Aug 12 Javascript
详解AngularJs ui-router 路由的简单介绍
Apr 26 Javascript
简单谈谈原生js的math对象
Jun 27 Javascript
详解.vue文件解析的实现
Jun 11 Javascript
从0到1搭建element后台框架优化篇(打包优化)
May 12 Javascript
layui添加动态菜单与选项卡 AJAX请求的例子
Sep 25 Javascript
使用vue-router切换页面时实现设置过渡动画
Oct 31 Javascript
Vue路由权限控制解析
Nov 09 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加MYSQL服务器
2006/10/09 PHP
php 传值赋值与引用赋值的区别
2010/12/29 PHP
php 中英文语言转换类代码
2011/08/11 PHP
PHP中isset()和unset()函数的用法小结
2014/03/11 PHP
php三元运算符知识汇总
2015/07/02 PHP
php实现的二分查找算法示例
2017/06/20 PHP
Expandable &quot;Detail&quot; Table Rows
2007/08/29 Javascript
js form 验证函数 当前比较流行的错误提示
2009/06/23 Javascript
关于ExtJS4.1:快捷键支持的问题
2013/04/24 Javascript
从零学JSON之JSON数据结构
2014/05/19 Javascript
Javascript 拖拽的一些高级的应用(逐行分析代码,让你轻松了拖拽的原理)
2015/01/23 Javascript
基于angularJS的表单验证指令介绍
2016/10/21 Javascript
JavaScript Ajax实现异步通信
2016/12/14 Javascript
深入了解JavaScript的逻辑运算符(与、或)
2016/12/20 Javascript
Bootstrap 3 按钮标签实例代码
2017/02/21 Javascript
json的结构与遍历方法实例分析
2017/04/25 Javascript
解决Layui 表单提交数据为空的问题
2018/08/15 Javascript
详解Vue的常用指令v-if, v-for, v-show,v-else, v-bind, v-on
2018/10/12 Javascript
webpack打包非模块化js的方法
2018/10/24 Javascript
基于vue+element实现全局loading过程详解
2020/07/10 Javascript
浅谈vue获得后台数据无法显示到table上面的坑
2020/08/13 Javascript
[01:38]女王驾到——至宝魔廷新尊技能&特效展示
2020/06/16 DOTA
通过python+selenium3实现浏览器刷简书文章阅读量
2017/12/26 Python
jupyter notebook引用from pyecharts.charts import Bar运行报错
2020/04/23 Python
Python 在字符串中加入变量的实例讲解
2018/05/02 Python
Python从单元素字典中获取key和value的实例
2018/12/31 Python
python中p-value的实现方式
2019/12/16 Python
使用pyhon绘图比较两个手机屏幕大小(实例代码)
2020/01/03 Python
html5的新增的标签和废除的标签简要概述
2013/02/20 HTML / CSS
销售顾问的岗位职责
2013/11/13 职场文书
施工质量承诺书范文
2014/05/30 职场文书
励志演讲稿500字
2014/08/21 职场文书
青春飞扬演讲稿
2014/09/11 职场文书
关于迟到的检讨书
2015/05/06 职场文书
详解用Python把PDF转为Word方法总结
2021/04/27 Python
手把手教你怎么用Python实现zip文件密码的破解
2021/05/27 Python