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 23 Javascript
jquery键盘事件介绍
Jan 31 Javascript
js 限制数字 js限制输入实现代码
Dec 04 Javascript
javascript的创建多行字符串的7种方法
Apr 29 Javascript
JS实用的动画弹出层效果实例
May 05 Javascript
javascript巧用eval函数组装表单输入项为json对象的方法
Nov 25 Javascript
socket.io学习教程之深入学习篇(三)
Apr 29 Javascript
JavaScript 中Date对象的格式化代码方法汇总
Sep 06 Javascript
vue中多路由表头吸顶实现的几种布局方式
Apr 12 Javascript
在layui中layer弹出层点击事件无效的解决方法
Sep 05 Javascript
Vant Weapp组件踩坑:picker的初始赋值解决
Nov 12 Javascript
手写实现JS中的new
Nov 07 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 购物车的例子
2009/05/04 PHP
基于PHP实现用户注册登录功能
2016/10/14 PHP
PHP实现的mongoDB数据库操作类完整实例
2018/04/10 PHP
自己开发Dojo的建议框架
2008/09/24 Javascript
JavaScript中json对象和string对象之间相互转化
2012/12/26 Javascript
jQuery打字效果实现方法(附demo源码下载)
2015/12/18 Javascript
jQuery实现的placeholder效果完整实例
2016/08/02 Javascript
AngularJS创建自定义指令的方法详解
2016/11/03 Javascript
JS中解决谷歌浏览器记住密码输入框颜色改变功能
2017/02/13 Javascript
JS回调函数基本定义与用法实例分析
2017/05/24 Javascript
js实现从左向右滑动式轮播图效果
2017/07/07 Javascript
将jquery.qqFace.js表情转换成微信的字符码
2017/12/01 jQuery
vue学习教程之带你一步步详细解析vue-cli
2017/12/26 Javascript
详解Vue 多级组件透传新方法provide/inject
2018/05/09 Javascript
搭建基于express框架运行环境的方法步骤
2018/11/15 Javascript
[02:23]2018DOTA2亚洲邀请赛趣味视频——反应测试
2018/04/04 DOTA
在Python中操作字典之setdefault()方法的使用
2015/05/21 Python
Python中如何获取类属性的列表
2016/12/26 Python
Python实现Smtplib发送带有各种附件的邮件实例
2017/06/05 Python
对pycharm代码整体左移和右移缩进快捷键的介绍
2018/07/16 Python
python消除序列的重复值并保持顺序不变的实例
2018/11/08 Python
Django rest framework jwt的使用方法详解
2019/08/08 Python
python3实现的zip格式压缩文件夹操作示例
2019/08/17 Python
浅谈keras的深度模型训练过程及结果记录方式
2020/01/24 Python
python利用google翻译方法实例(翻译字幕文件)
2020/09/21 Python
ASP.NET中的身份验证有那些
2012/07/13 面试题
软件生产职位结构化面试主要考察要素及面试题库
2015/06/12 面试题
编辑求职信样本
2013/12/16 职场文书
优秀志愿者事迹材料
2014/02/03 职场文书
售后服务承诺书范文
2014/03/26 职场文书
支部组织生活会方案
2014/06/10 职场文书
红领巾广播站广播稿(3篇)
2014/09/20 职场文书
公司感谢信范文
2015/01/22 职场文书
开幕式邀请函
2015/01/31 职场文书
2015年度合同管理工作总结
2015/05/22 职场文书
Pycharm 如何设置HTML文件自动补全代码或标签
2021/05/21 Python