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

技术文章

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

时间：2013-04-11 点击：94

登陆页面需要扑捉用户按下回车自动提交的需求:
在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中的noscript元素属性位置及作用介绍

javascript标签在页面中的位置探讨

JS添加删除一组文本框并对输入信息加以验证判断其正确性

Jquery实现点击切换图片并隐藏显示内容(2种方法实现)

在javascript中关于节点内容加强

> 返回