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怎么把&amp;字符换成&quot;&amp;amp:&quot;
Oct 19 Javascript
jquery 日期分离成年月日的代码
May 14 Javascript
JS删除数组元素的函数介绍
Mar 27 Javascript
HTML5之lang属性与dir属性的详解
Jun 19 Javascript
使用Angular.js实现简单的购物车功能
Nov 21 Javascript
JS多文件上传的实例代码
Jan 11 Javascript
canvas红包照片实例分享
Feb 28 Javascript
浅析JS中的 map, filter, some, every, forEach, for in, for of 用法总结
Mar 29 Javascript
jQuery实现腾讯信用界面(自制刻度尺)样式
Aug 15 jQuery
小程序scroll-view组件实现滚动的示例代码
Sep 20 Javascript
jQuery操作cookie的示例代码
Jun 05 jQuery
如何在vue中使用video.js播放m3u8格式的视频
Feb 01 Vue.js
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学习笔记之三 数据库基本操作
2011/01/17 PHP
php获取系统变量方法小结
2015/05/29 PHP
使用PHP处理数据库数据如何将数据返回客户端并显示当前状态
2016/02/16 PHP
php实现购物车功能(以大苹果购物网为例)
2017/03/09 PHP
Prototype使用指南之ajax
2007/01/10 Javascript
让getElementsByName适应IE和firefox的方法
2007/09/24 Javascript
网站基于flash实现的Banner图切换效果代码
2014/10/14 Javascript
认识Knockout及如何使用Knockout绑定上下文
2015/12/25 Javascript
基于jquery实现的仿优酷图片轮播特效代码
2016/01/13 Javascript
Bootstrap进度条组件知识详解
2016/05/01 Javascript
跨域请求的完美解决方法(JSONP, CORS)
2016/06/12 Javascript
关于Bootstrap按钮组件消除黄框的方法
2017/05/19 Javascript
react路由配置方式详解
2017/08/07 Javascript
基于Vue框架vux组件库实现上拉刷新功能
2017/11/28 Javascript
webpack4打包vue前端多页面项目
2018/09/17 Javascript
javascript实现文本框标签验证的实例代码
2018/10/14 Javascript
vue中typescript装饰器的使用方法超实用教程
2019/06/17 Javascript
在vue中created、mounted等方法使用小结
2020/07/21 Javascript
vue+element UI实现树形表格
2020/12/29 Vue.js
[56:35]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第一局
2016/03/06 DOTA
[04:00]黄浦江畔,再会英雄——完美世界DOTA2 TI9应援视频
2019/07/31 DOTA
Python 实现字符串中指定位置插入一个字符
2018/05/02 Python
Django框架模板的使用方法示例
2019/05/25 Python
pandas的to_datetime时间转换使用及学习心得
2019/08/11 Python
一份Java笔试题
2012/02/21 面试题
写好自荐信需做到的5要点
2014/03/07 职场文书
宣传标语大全
2014/07/01 职场文书
十佳好少年事迹材料
2014/08/21 职场文书
临时工聘用合同协议书
2014/10/29 职场文书
大学生自荐书范文
2015/03/05 职场文书
河童之夏观后感
2015/06/11 职场文书
运动会三级跳加油稿
2015/07/21 职场文书
2019公司管理制度
2019/04/19 职场文书
OpenCV-Python使用cv2实现傅里叶变换
2021/06/09 Python
html5 录制mp3音频支持采样率和比特率设置
2021/07/15 Javascript