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 相关文章推荐
[原创]静态页面也可以实现预览 列表不同的显示方式
Oct 14 Javascript
使用jQuery的ajax功能实现的RSS Reader 代码
Sep 03 Javascript
JavaScript 输入框内容格式验证代码
Feb 11 Javascript
jquery获得下拉框值的代码
Aug 13 Javascript
js仿黑客帝国字母掉落效果代码分享
Nov 08 Javascript
浅析Bootstrap缩略图组件与警示框组件
Apr 29 Javascript
jQuery如何封装输入框插件
Aug 19 Javascript
vue.js指令v-model实现方法
Dec 05 Javascript
浅谈vue2 单页面如何设置网页title
Nov 08 Javascript
vue列表数据发生变化指令没有更新问题及解决方法
Jan 16 Javascript
用VsCode编辑TypeScript的实现方法
May 07 Javascript
为react组件库添加typescript类型提示的方法
Jun 15 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
用session做客户验证时的注意事项
2006/10/09 PHP
php学习笔记之面向对象
2014/11/08 PHP
用jQuery模拟页面加载进度条的实现代码
2011/12/19 Javascript
jQuery function的正确书写方法
2013/08/02 Javascript
jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标
2014/03/06 Javascript
JavaScript生成带有缩进的表格代码
2016/06/15 Javascript
分享jQuery封装好的一些常用操作
2016/07/28 Javascript
jquery购物车结算功能实现方法
2020/10/29 Javascript
荐书|您有一份JavaScript书单待签收
2017/07/21 Javascript
bmob js-sdk 在vue中的使用教程
2018/01/21 Javascript
深入浅析Vue.js中 computed和methods不同机制
2018/03/22 Javascript
JavaScript中常见内置函数用法示例
2018/05/14 Javascript
Vue项目中使用better-scroll实现一个轮播图自动播放功能
2018/12/03 Javascript
小程序实现人脸识别功能(百度ai)
2018/12/23 Javascript
node.js开发辅助工具nodemon安装与配置详解
2020/02/06 Javascript
JavaScript实现单点登录的示例
2020/09/23 Javascript
详解Python程序与服务器连接的WSGI接口
2015/04/29 Python
Python单体模式的几种常见实现方法详解
2017/07/28 Python
详解windows python3.7安装numpy问题的解决方法
2018/08/13 Python
Python-Seaborn热图绘制的实现方法
2019/07/15 Python
django框架两个使用模板实例
2019/12/11 Python
几个Linux面试题笔试题
2012/12/01 面试题
中医药大学市场营销专业自荐信
2013/09/29 职场文书
教师应聘个人求职信
2013/12/10 职场文书
党的群众路线教育实践活动对照检查材料(教师)
2014/09/24 职场文书
销售员未完成销售业绩的检讨书
2014/10/12 职场文书
综合办公室主任岗位职责
2015/04/01 职场文书
前台接待岗位职责范本
2015/04/03 职场文书
男人帮观后感
2015/06/18 职场文书
高一军训口号
2015/12/25 职场文书
领导干部学习三严三实心得体会
2016/01/05 职场文书
《猴王出世》教学反思
2016/02/23 职场文书
入伍志愿书怎么写?
2019/07/19 职场文书
MySQL 时间类型的选择
2021/06/05 MySQL
Python可变集合和不可变集合的构造方法大全
2021/12/06 Python
python读取并查看npz/npy文件数据以及数据显示方法
2022/04/14 Python