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 相关文章推荐
[原创]图片分页查看
Aug 28 Javascript
js 单引号 传递方法
Jun 22 Javascript
用jquery存取照片的具体实现方法
Jun 30 Javascript
使用javascript过滤html的字符串(注释标记法)
Jul 08 Javascript
js判断undefined类型示例代码
Feb 10 Javascript
JavaScript获取XML数据附示例截图
Mar 05 Javascript
jquery中checkbox全选失效的解决方法
Dec 26 Javascript
JSONP之我见
Mar 24 Javascript
Jquery中的$.each获取各种返回类型数据的使用方法
May 03 Javascript
jQuery实现验证年龄简单思路
Feb 24 Javascript
JS开发中基本数据类型具体有哪几种
Oct 19 Javascript
node跨域转发 express+http-proxy-middleware的使用
May 31 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
一个用于网络的工具函数库
2006/10/09 PHP
php读取目录及子目录下所有文件名的方法
2014/10/20 PHP
PHP之预定义接口详解
2015/07/29 PHP
PHP中CheckBox多选框上传失败的代码写法
2017/02/13 PHP
JS特殊函数(Function()构造函数、函数直接量)区别介绍
2013/05/19 Javascript
使用jquery中height()方法获取各种高度大全
2014/04/02 Javascript
jquery结合CSS使用validate实现漂亮的验证
2015/01/29 Javascript
JavaScript的React Web库的理念剖析及基础上手指南
2016/05/10 Javascript
页面get请求 中文参数方法乱码问题的快速解决方法
2016/05/31 Javascript
函数四种调用模式以及其中的this指向
2017/01/16 Javascript
原生js开发的日历插件
2017/02/04 Javascript
微信小程序  http请求封装详解及实例代码
2017/02/15 Javascript
Vue生命周期示例详解
2017/04/12 Javascript
Angular弹出模态框的两种方式
2017/10/19 Javascript
vue中使用localstorage来存储页面信息
2017/11/04 Javascript
vue-cli项目修改文件热重载失效的解决方法
2018/09/19 Javascript
javascript动态创建对象的属性详解
2018/11/07 Javascript
ES6知识点整理之对象解构赋值应用示例
2019/04/17 Javascript
解决layer弹出层msg的文字不显示的问题
2019/09/11 Javascript
vue ssr服务端渲染(小白解惑)
2019/11/10 Javascript
Javascript地址引用代码实例解析
2020/02/25 Javascript
JavaScript代码简化技巧实例解析
2020/09/09 Javascript
三剑客:offset、client和scroll还傻傻分不清?
2020/12/04 Javascript
[02:42]DOTA2英雄基础教程 杰奇洛
2013/12/23 DOTA
Python性能优化的20条建议
2014/10/25 Python
浅谈python中字典append 到list 后值的改变问题
2018/05/04 Python
Python引用计数操作示例
2018/08/23 Python
用Python实现大文本文件切割的方法
2019/01/12 Python
Python+PyQT5的子线程更新UI界面的实例
2019/06/14 Python
Python中PyQt5/PySide2的按钮控件使用实例
2019/08/17 Python
linux面试题参考答案(6)
2016/06/23 面试题
医学院学生求职简历的自我评价
2013/10/24 职场文书
学习十八大报告感言
2014/02/04 职场文书
销售个人求职信范文
2014/04/28 职场文书
小学教师师德演讲稿
2014/05/06 职场文书
美德少年事迹材料1000字
2014/08/21 职场文书