javascript：Event事件对象

学习目标：

1.事件对象

1.1概念：事件对象代表事件的状态，描述事件发生时的所有相关信息，包括事件发生的元素。
还有键盘按键状态、鼠标位置、按钮状态等。
1.2使用方法：可以直接访问事件对象使用，也可以通过函数参数使用。

2.常用属性和方法

2.1常用属性类型：获取当前运行事件的类型。
气泡：判断事件是否支持气泡。
EventPhase：当前节点上事件的状态。
目标：事件触发器。
CurrentTarget：事件监听器。
按钮：单击了鼠标按钮。
密钥和密钥代码：基本信息。
2.2常用方法stopPropogation()：防止事件冒泡。
抑制默认行为（）：抑制默认行为。

3.IE中的事件对象

3.1IE中的属性和方法srcElement：目标对象。
CancelBubble：取消气泡。
returnValue：抑制默认行为。

4.兼容性问题

如何编写兼容的属性和方法：使用target和srcElement代替，同时实现事件阻塞。

5.鼠标滚轮事件

4.1Wheel事件：鼠标滚轮上的事件，通过events.wheelDelta获取滚动方向。
4.2Firefox：使用DOMMouseScroll事件，通过events.detail获取滚动方向。
4.3浏览器兼容性封装：自定义事件对象，添加与系统事件相同的方法。

6.文档事件

6.1上传成功事件：上传事件。
6.2上传失败：发生错误。
6.3DOM加载完成事件：DOMContentLoaded事件。
6.4文档加载状态事件：Readystatechange事件。

7.事件状态

6.1二级绑定6.2三级绑定6.3放大镜状态

8.事件委托

7.1事件委托/事件代理：使用事件气泡进行处理，通过指定一个事件程序来管理所有事件类型特定。

本期介绍已结束，喜欢的朋友请点赞支持。
下一期再见！

javascript常用事件有哪些

1.onClick点击事件。
常用于button\radio\checkbox\resetbuttons\submitbuttons对象。
2、onChange改变事件常用于textbox\textarea对象上，当输入字符值改变时执行相应的事件代码。
3、当text或textarea对象中的文本高亮显示时，触发onSelect事件。
4.onFocus获取焦点事件。
当用户单击“文本”并选择对象时，会生成此事件。
5.LostfocusonBlur当对象失去焦点并返回背景时触发该事件。
6.加载文件onLoad事件该事件在加载文档时生成。
onLoad的功能之一是在文档首次加载时检测cookie的值，并将该值分配给变量以在源代码中使用。
7.制裁文件onUnload事件。
当网页完成时，会触发onUnload事件并更新cookie状态。