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 相关文章推荐
JavaScript中两个感叹号的作用说明
Dec 28 Javascript
使用js完成节点的增删改复制等的操作
Jan 02 Javascript
textarea焦点的用法实现获取焦点清空失去焦点提示效果
May 19 Javascript
实现图片预加载的三大方法及优缺点分析
Nov 19 Javascript
jQuery实现多级联动下拉列表查询框
Jan 18 Javascript
js生成随机数(指定范围)的实例代码
Jul 10 Javascript
ReactJs设置css样式的方法
Jun 08 Javascript
JavaScript实现短信倒计时60s
Oct 09 Javascript
详解Vue 事件修饰符capture 的使用
Dec 29 Javascript
VUE实现可随意拖动的弹窗组件
Sep 25 Javascript
layer.prompt使文本框为空的情况下也能点击确定的方法
Sep 24 Javascript
Vue的双向数据绑定实现原理解析
Feb 17 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一句话cmdshell新型 (非一句话木马)
2009/04/18 PHP
php中simplexml_load_string使用实例分享
2014/02/13 PHP
php连接MSsql server的五种方法总结
2018/03/04 PHP
PNG背景在不同浏览器下的应用
2009/06/22 Javascript
jquery 页面全选框实践代码
2010/04/02 Javascript
通过Javascript创建一个选择文件的对话框代码
2012/06/16 Javascript
动态改变div的z-index属性的简单实例
2013/08/08 Javascript
JS控制网页动态生成任意行列数表格的方法
2015/03/09 Javascript
jQuery插件实现带圆点的焦点图片轮播切换
2016/01/18 Javascript
JavaScript资源预加载组件和滑屏组件的使用推荐
2016/03/10 Javascript
jQuery绑定事件on()与弹窗的简要概述
2016/04/27 Javascript
一个用jquery写的判断div滚动条到底部的方法【推荐】
2016/04/29 Javascript
BOM系列第一篇之定时器setTimeout和setInterval
2016/08/17 Javascript
PhotoSwipe异步动态加载图片方法
2016/08/25 Javascript
JavaScript定时器制作弹窗小广告
2017/02/05 Javascript
微信小程序转化为uni-app项目的方法示例
2020/05/22 Javascript
js实现手表表盘时钟与圆周运动
2020/09/18 Javascript
[01:04]不如跳舞!DOTA2新英雄玛尔斯的欢乐日常
2019/03/11 DOTA
python实现监控windows服务并自动启动服务示例
2014/04/17 Python
详解python并发获取snmp信息及性能测试
2017/03/27 Python
Python基于生成器迭代实现的八皇后问题示例
2018/05/23 Python
Pycharm自带Git实现版本管理的方法步骤
2020/09/18 Python
详解Html5页面实现下载文件(apk、txt等)的三种方式
2018/10/22 HTML / CSS
香港草莓网:Strawberrynet香港
2019/05/10 全球购物
公司营业员的工作总结自我评价
2013/10/05 职场文书
政协会议宣传标语
2014/10/09 职场文书
课外活动总结
2015/02/04 职场文书
2015年护士节活动总结
2015/02/10 职场文书
世界环境日活动总结
2015/02/11 职场文书
材料采购员岗位职责
2015/04/03 职场文书
民事代理词范文
2015/05/25 职场文书
新教师教学工作总结
2015/08/12 职场文书
《女娲补天》教学反思
2016/02/20 职场文书
分家协议书范本
2016/03/22 职场文书
党组织关系的介绍信模板
2019/06/21 职场文书
教你使用Pandas直接核算Excel中快递费用
2021/05/12 Python