源自:http://www.fzs8.net/Java/JavaScript/2007-05-25/3969.html
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>
分享到:
相关推荐
实验报告详细介绍了JavaScript事件处理的相关知识,这在Web开发中是非常关键的一部分,因为事件是用户与网页交互的主要方式。以下是对各个知识点的详细说明: 1. **JavaScript事件基本概念**: - **事件**:是用户...
JavaScript中的`onkeypress`事件是用于监听用户在键盘上按下或按住某个键时的事件。这个事件在用户按下键盘上的一个字符键时触发,但不包括功能键(如Shift、Ctrl、Alt等)。与`onkeydown`事件不同,`onkeydown`会在...
本文将深入探讨`OnKeyDown`、`OnKeyUp`和`OnKeyPress`这三个JavaScript键盘事件,以及如何使用键码(key codes)来识别用户按下或释放的特定按键。 `OnKeyDown`事件是在用户按下键盘上的一个键时触发,不论该键是否...
这些事件构成了JavaScript事件处理的基础,通过事件监听和处理,开发者可以创建响应用户行为的动态和交互性强的网页应用。了解并熟练运用这些事件,能够极大地提升用户体验,使网页更加生动和用户友好。
### JavaScript 触发事件列表详解 #### 一、单击事件(onclick) 当用户单击鼠标按键时触发的事件。通常,在HTML元素上定义`onclick`属性,该属性指定一个事件处理程序或一段代码,当点击事件发生时,这段代码将会被...
在 JavaScript 中,我们可以使用 onkeydown、onkeyup、onkeypress 等事件处理程序来捕获键盘事件。 二、如何使用 JavaScript 操作键盘的 Enter 事件? 要使用 JavaScript 操作键盘的 Enter 事件,需要使用 ...
JavaScript事件处理程序的编写方式可以是自定义函数,也可以是内置函数,或者直接写入JavaScript代码。理解并熟练应用这些事件是创建交互式网页的关键,它们为用户提供了一种与网页进行沟通的方式,提高了用户体验。
总之,理解并熟练运用JavaScript中的事件处理是提升网页用户体验的关键。通过绑定事件监听器,你可以创建响应用户行为的动态网页,从而提高网站的交互性和用户体验。不断学习和实践JavaScript事件,将使你成为更优秀...
根据给定文件的信息,我们可以...以上代码示例不仅展示了如何使用JavaScript和正则表达式进行输入限制,还涉及到了对DOM操作、事件处理和数据验证等多方面的技能,是学习JavaScript和网页表单交互时非常实用的知识点。
### JavaScript鼠标事件汇总详解 #### 一、基本概念与作用 在前端开发中,JavaScript(简称JS)作为主要的脚本语言,对于处理用户交互至关重要。鼠标事件是JS中最常见的一种事件类型,它能帮助开发者捕捉用户的...
在JavaScript编程中,事件处理是与用户交互的核心机制之一。通过监听并响应各种事件,开发者能够创建动态、响应式的Web应用程序。以下是对给定文件中提到的所有on事件的深入解析,旨在为开发者提供全面的了解和实用...
在深入探讨《javascript表单事件汇总》这一主题之前,我们首先需要理解JavaScript作为一种广泛应用于网页开发的脚本语言,如何通过处理各种事件来增强用户体验、实现动态交互效果。本文将详细解析一系列重要的...
JavaScript事件模型是前端开发中处理用户交互的核心机制之一,主要包括了事件捕获、目标阶段和事件冒泡三个阶段,这个模型被广泛地理解为0-1-2级模型。 在描述中,文档内容被OCR扫描识别出的文字带有部分错误,但是...
HTML中的事件是网页交互的核心部分,它们允许开发者响应用户的操作,比如点击、移动鼠标或键盘输入。以下是对标题和描述中涉及...在实际开发中,结合JavaScript或jQuery等库,可以进一步扩展这些事件的功能和应用场景。
JavaScript事件是JavaScript编程中至关重要的一个部分,它们用于响应用户或浏览器的各种操作。事件不仅可以用于交互式的网页...事件处理是JavaScript的核心功能之一,熟练运用能提升用户体验,增强应用程序的动态性。
- `onkeypress`:用户按下并释放一个键时触发,通常用于处理字符输入。 - `onkeydown`:用户按下任意键时触发。 - `onkeyup`:用户释放任意键时触发。 3. 页面相关事件: - `onabort`:图片加载被用户中断时...
JavaScript事件是编程中的一种机制,它允许我们对用户在网页上的交互进行响应。...同时,JavaScript库和框架如jQuery、React或Vue.js也提供了更高层次的事件处理抽象,使得事件处理更加便捷和高效。
<p><input onkeypress="onlychinese()" name="test">确认" name="submit" onclick="javascript:ALERT('输入成功!')"> ``` **解析:** - 定义了一个名为 `onlychinese` 的函数,用于拦截 ASCII 范围内的非中文字符...