onkeydown事件解决按回车键直接提交数据的需求

所属分类：网络编程 / JavaScript 阅读数： 1714

收藏 0赞 0分享

登陆页面需要扑捉用户按下回车自动提交的需求:
在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> 

更多精彩内容其他人还在看

onkeydown事件解决按回车键直接提交数据的需求

jQuery LigerUI 使用教程表格篇(1)

JavaScript中常用的运算符小结

深入理解JavaScript系列(13) This? Yes,this!

javascript （用setTimeout而非setInterval）

JavaScript中两个感叹号的作用说明

javascript写的简单的计算器，内容很多，方法实用，推荐

js的表单操作简单计算器

Jquery中删除元素的实现代码

javaScript 利用闭包模拟对象的私有属性

为JavaScript类型增加方法的实现代码(增加功能)

网络赚钱

站长故事

onkeydown事件解决按回车键直接提交数据的需求

jQuery LigerUI 使用教程表格篇(1)

JavaScript中常用的运算符小结

深入理解JavaScript系列(13) This? Yes,this!

javascript （用setTimeout而非setInterval）

JavaScript中两个感叹号的作用说明

javascript写的简单的计算器，内容很多，方法实用，推荐

js的表单操作 简单计算器

Jquery中删除元素的实现代码

javaScript 利用闭包模拟对象的私有属性

为JavaScript类型增加方法的实现代码(增加功能)

网络赚钱

站长故事

js的表单操作简单计算器