手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >onkeydown事件解决按回车键直接提交数据的需求
onkeydown事件解决按回车键直接提交数据的需求
摘要:登陆页面需要扑捉用户按下回车自动提交的需求:在body里添加onkeydown事件跳javascript在提交表单。查找文档如下onkeyd...

登陆页面需要扑捉用户按下回车自动提交的需求:

在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事件解决按回车键直接提交数据的需求】相关文章:

JS实现窗口加载时模拟鼠标移动的方法

禁止按回车键提交表单的方法

jQuery实现首页图片淡入淡出效果的方法

Javascript的IE和Firefox兼容性汇编

Jquery注册事件实现方法

JQuery分屏指示器图片轮换效果实例

JavaScript TO HTML 转换

document 和 document.all 分别什么时候用

Backbone.js的一些使用技巧

IP地址输入框

精品推荐
分类导航