当前位置: 首页 > 网络学院 > 客户端脚本教程 > JavaScript > JavaScript onkeypress 事件

JavaScript
JS数学对象参考
JS字符串对象参考
JS函数参考
JS事件参考
Javascript 常用正则表达式
FF和IE下的js兼容性问题
jQuery 简单介绍
jQuery / 核心 / $(expression, [context] ) 函数
jQuery / 核心 / $(html) 函数
如何使用JS来判断浏览器类型(ie、firefox,等等)
Javascript在IE和FireFox中的不同表现
3个js字符编码函数区别
javascript 中的 XMLDOM 对象

JavaScript onkeypress 事件


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-03-04   浏览: 484 ::
收藏到网摘: n/a

Definition and Usage
定义与用法

The onkeydown event occurs when a keyboard key is pressed or held down.
当按下或按住键盘的按键时触发onkeydown事件。

Syntax
语法

onkeypress="所要执行的脚本"

Parameter
参数
Description
注释
SomeJavaScriptCode
所要执行的脚本
Required. Specifies a JavaScript to be executed when the event occurs.
必选项。当事件触发时所要执行的脚本。

Supported by the following HTML tags:
所支持的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>

Supported by the following JavaScript objects:
所支持的JavaScript对象:

document, image, link, textarea


Tips and Notes
注意

Browser differences: Internet Explorer uses event.keyCode to retrieve the character that was pressed and Netscape/Firefox/Opera uses event.which.
不同浏览器:IE用event.keCode方法获取当前被按下的键盘按键值,而NetScape/FireFox/Opera用的则是event.which


Example
实例

In this example the user cannot type numbers into the input field:
在下面的例子中,用户将无法在文本框内输入数字:

<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" onkeypress="return noNumbers(event)" />
</form>
</html>

The output of the code above will be:
输出结果为:



Try-It-Yourself Demos
互动演练

onkeypress
How to use onkeypress.
如何应用onkeypress

评论 (0) All

登陆 | 还没注册?