Javascript公共脚本库系列(三): 格式化事件对象/事件对象详解

核心提示：一.摘要 本系列文章是为了抽象通用的,跨浏览器的脚本方法. 本篇文章为脚本库添加跨浏览器的获取事件对象的方法, 重点是讲解javascript中的事件对象的原理.希望通过分享微薄的知识告诉大家如何进行"加法运算"而不是死记硬背"1+1=2".二.实现效果 本次添加的两个函数用于获

一.摘要

本系列文章是为了抽象通用的,跨浏览器的脚本方法.

本篇文章为脚本库添加跨浏览器的获取事件对象的方法, 重点是讲解javascript中的事件对象的原理.希望通过分享微薄的知识告诉大家如何进行"加法运算"而不是死记硬背"1+1=2".

二.实现效果

本次添加的两个函数用于获取事件对象, 事件对象中包含很多的信息,比如鼠标的坐标, 从而实现自己想要的功能.

实例一可以在屏幕上捕获鼠标按键代码和键盘按键代码:

　

实例二实现重写鼠标右键菜单:

三.事件对象简介

事件源和事件对象就相当于C#中事件函数的sender和EventArgs参数.

事件源是产生事件的元素本身, 而事件对象则带有事件相关的信息.事件对象只有在发生事件时才被创建, 并且只能在事件中访问.当事件关联的处理函数执行完毕后, 事件对象就被销毁.

事件对象带有很多有用的信息,比如屏幕坐标,按键代码,是否冒泡等.但是可惜的是FireFox支持的DOM事件模型和IE的事件模型并不完全一致,获取事件对象的方式也不相同.在IE中通过window.event使用当前的事件对象,而DOM则规定事件对象要作为唯一参数传递给事件处理函数.