Prototype - 事件处理

Prototype 事件处理 - 从简单和简单的步骤学习原型，从基本到高级概念，包括概述，如何使用Prototype JavaScript框架操作DOM和AJAX，实用功能，实用程序方法，元素对象，数字处理，字符串处理，数组处理，哈希处理，基本对象，基本对象，枚举，事件处理，表单管理，JSON，AJAX，表达范围，定期执行。

事件管理是实现跨浏览器脚本编写的最大挑战之一.每个浏览器都有不同的方法来处理击键.

Prototype Framework处理所有跨浏览器兼容性问题，让您摆脱与事件管理相关的所有麻烦.

Prototype Framework提供了 Event 命名空间，它充满了方法，它们都将当前事件对象作为参数，并愉快地在所有主流浏览器中生成您所请求的信息.

事件名称空间还提供了一个标准化的密钥代码列表，可用于与键盘相关的事件.以下常量在命名空间中定义 :

S.No.	Key Constant&说明
1.	KEY_BACKSPACE 代表后退空格键.
2.	KEY_TAB 代表标签键.
3.	KEY_RETURN 代表返回键.
4.	KEY_ESC 代表esc密钥.
5.	KEY_LEFT 代表左键.
6.	KEY_UP 代表关键.
7.	KEY_RIGHT 代表右键.
8.	KEY_DOWN 表示向下键.
9.	KEY_DELETE 代表删除密钥.
10.	KEY_HOME 代表回家键.
11.	KEY_END 代表结束密钥.
12.	KEY_PAGEUP 代表向上翻页键.
13.	KEY_PAGEDOWN 代表向下翻页键.

如何处理事件

在开始之前，让我们看一个例子使用事件方法.此示例显示如何捕获发生事件的DOM元素.

示例

         Prototype examples                               Click on any part to see the result.
      This is paragraph
      This is divsion.

输出

以下是与事件相关的所有方法的完整列表.你最有可能使用的功能是观察，元素和停止.

原型事件方法

注意 : 确保你至少拥有prototype.js的1.6版.

S.No.	Method&说明
1.	element() 返回发生事件的DOM元素.
2.	extend() 使用Event.Methods中包含的所有方法扩展事件.
3.	findElement() 返回具有给定标记名称的第一个DOM元素，从发生事件的标记名称开始向上.
4.	isLeftClick() 确定与按钮相关的鼠标事件是否与"左"(主要，实际)按钮有关.
5.	observe() 在DOM元素上注册事件处理程序.
6.	pointerX() 返回鼠标事件的绝对水平位置.
7.	pointerY() 返回鼠标事件的绝对垂直位置.
8.	stop() 停止事件的传播并阻止其默认操作被触发最终.
9.	stopObserving() 取消注册事件处理程序.
10.	unloadCache() 取消注册通过observe注册的所有事件处理程序.自动为您连线.自1.6以来不可用.