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 20 Javascript
Jquery升级新版本后选择器的语法问题
Jun 02 Javascript
图片无缝滚动代码(向左/向下/向上)
Apr 10 Javascript
javascript中加号(+)操作符的一些神奇作用
Jun 06 Javascript
angularjs学习笔记之双向数据绑定
Sep 26 Javascript
JavaScript实现带缓冲效果的随屏滚动漂浮广告代码
Nov 06 Javascript
jQuery遍历json的方法分析
Apr 16 Javascript
第一次动手实现bootstrap table分页效果
Sep 22 Javascript
详解如何使用webpack打包Vue工程
May 27 Javascript
JS引用传递与值传递的区别与用法分析
Jun 01 Javascript
详解关于vue-area-linkage走过的坑
Jun 27 Javascript
javascript显示动态时间的方法汇总
Jul 06 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
thinkphp3查询mssql数据库乱码解决方法分享
2014/02/11 PHP
php使用gzip压缩传输js和css文件的方法
2015/07/29 PHP
Linux系统下PHP-FPM的安装和配置教程
2015/08/17 PHP
jQuery输入城市查看地图使用介绍
2013/05/08 Javascript
使用Node.js配合Nginx实现高负载网络
2015/06/28 Javascript
js代码实现随机颜色的小方块
2015/07/30 Javascript
JavaScript实现仿新浪微博大厅和腾讯微博首页滚动特效源码
2015/09/15 Javascript
a标签跳转到指定div,jquery添加和移除class属性的实现方法
2016/10/10 Javascript
vue使用watch 观察路由变化,重新获取内容
2017/03/08 Javascript
JS检测数组类型的方法小结
2017/03/14 Javascript
vue-cli入门之项目结构分析
2017/04/20 Javascript
Vue SSR 组件加载问题
2018/05/02 Javascript
centos 上快速搭建ghost博客方法分享
2018/05/23 Javascript
vue 组件的封装之基于axios的ajax请求方法
2018/08/11 Javascript
Iview Table组件中各种组件扩展的使用
2018/10/20 Javascript
使用Vue.js中的过滤器实现幂方求值的方法
2019/08/27 Javascript
解决layui-open关闭自身窗口的问题
2019/09/10 Javascript
ES6中let、const的区别及变量的解构赋值操作方法实例分析
2019/10/15 Javascript
vue 项目引入echarts 添加点击事件操作
2020/09/09 Javascript
python操作MongoDB基础知识
2013/11/01 Python
Python通过解析网页实现看报程序的方法
2014/08/04 Python
python去除字符串中的换行符
2017/10/11 Python
儿童python练习实例
2018/05/27 Python
在python 不同时区之间的差值与转换方法
2019/01/14 Python
在python带权重的列表中随机取值的方法
2019/01/23 Python
pytorch GAN伪造手写体mnist数据集方式
2020/01/10 Python
python实现五子棋程序
2020/04/24 Python
keras打印loss对权重的导数方式
2020/06/10 Python
详解tensorflow之过拟合问题实战
2020/11/01 Python
关于HTML5语义标签的实践(blog页面)
2016/07/12 HTML / CSS
int *p=NULL和*p= NULL有什么区别
2014/10/23 面试题
毕业生工作求职信
2014/06/30 职场文书
领导干部作风建设工作总结
2014/10/23 职场文书
学院党的群众路线教育实践活动第一阶段情况汇报
2014/10/25 职场文书
前台岗位职责范本
2015/04/16 职场文书
大学校园餐饮创业计划书
2019/08/07 职场文书