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 相关文章推荐
jquery和ajax的关系详细介绍
Nov 29 Javascript
通过隐藏iframe实现无刷新上传文件操作
Mar 16 Javascript
Bootstrap3.0建站教程(一)之bootstrap表单元素排版
Jun 01 Javascript
jQuery UI结合Ajax创建可定制的Web界面
Jun 22 Javascript
angularjs定时任务的设置与清除示例
Jun 02 Javascript
原生JS+Canvas实现五子棋游戏实例
Jun 19 Javascript
EasyUI的TreeGrid的过滤功能的解决思路
Aug 08 Javascript
jQuery使用bind函数实现绑定多个事件的方法
Oct 11 jQuery
React从react-router路由上做登陆验证控制的方法
May 10 Javascript
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
Jul 19 Javascript
js实现鼠标点击页面弹出自定义文字效果
Dec 24 Javascript
javascript设计模式 ? 原型模式原理与应用实例分析
Apr 10 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/04/26 PHP
PHP中ini_set和ini_get函数的用法小结
2014/02/18 PHP
php生成不重复随机数、数组的4种方法分享
2015/03/30 PHP
PHP生成图像验证码的方法小结(2种方法)
2016/07/18 PHP
Laravel中七个非常有用但很少人知道的Carbon方法
2017/09/21 PHP
学习js所必须要知道的一些
2007/03/07 Javascript
避免回车键导致的页面无意义刷新的解决方法
2011/04/12 Javascript
jQuery实现表格颜色交替显示的方法
2015/03/09 Javascript
jquery+json实现分页效果
2016/03/07 Javascript
如何理解Vue的.sync修饰符的使用
2017/08/17 Javascript
关于jquery layui弹出层的使用方法
2018/04/21 jQuery
快速解决select2在bootstrap模态框中下拉框隐藏的问题
2018/08/10 Javascript
Bootstarp在pycharm中的安装及简单的使用方法
2019/04/19 Javascript
微信小程序自定义navigationBar顶部导航栏适配所有机型(附完整案例)
2020/04/26 Javascript
jquery实现简单拖拽效果
2020/07/20 jQuery
[55:02]2014 DOTA2国际邀请赛中国区预选赛 HGT VS Orenda
2014/05/21 DOTA
Python实现改变与矩形橡胶的线条的颜色代码示例
2018/01/05 Python
Python使用OpenCV进行标定
2018/05/08 Python
Pipenv一键搭建python虚拟环境的方法
2018/05/22 Python
python 保存float类型的小数的位数方法
2018/10/17 Python
如何使用Python标准库进行性能测试
2019/06/25 Python
tensorflow-gpu安装的常见问题及解决方案
2020/01/20 Python
Python实现初始化不同的变量类型为空值
2020/06/02 Python
keras读取训练好的模型参数并把参数赋值给其它模型详解
2020/06/15 Python
Python判断变量是否是None写法代码实例
2020/10/09 Python
python 利用Pyinstaller打包Web项目
2020/10/23 Python
浅析HTML5 Landmark
2020/09/11 HTML / CSS
CAT鞋加拿大官网:CAT Footwear加拿大
2020/08/05 全球购物
Marlies Dekkers内衣荷兰官方网店:荷兰奢侈内衣品牌
2020/03/27 全球购物
餐饮企业总经理岗位职责范文
2014/02/18 职场文书
股份转让协议书
2014/04/12 职场文书
幼儿园教师工作总结2015
2015/04/02 职场文书
银行资信证明
2015/06/17 职场文书
2019求职信大礼包
2019/05/15 职场文书
使用这 6个Vue加载动画库来减少我们网站的跳出率
2021/05/18 Vue.js
MySQL图形化管理工具Navicat安装步骤
2021/12/04 MySQL