前端 —— JavaScript 基础篇 15 --- event 事件对象

在上一篇的文章中提到过 event 对象 。

Event 对象代表事件的状态。与事件相关的一系列数据 ，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

什么时候会产生Event 对象呢? 

event对象只在事件发生的过程中才有效
        例如: 当用户单击某个元素的时候，该元素的事件就会触发，该事件的本质就是一个函数，而该函数的形参接收一个even，事件通常与函数结合使用，函数不会在事件发生前被执行！

获得event对象兼容性写法 
        event || (event = window.event);

event对象 常用的属性和方法

属性和方法                        描述
        target                         返回触发此事件的元素（事件的目标节点）。

       preventDefault()        通知浏览器不要执行与事件关联的默认动作

       stopPropagation()      不再派发事件。

       clientX    clientY         可视区域的x和y坐标     浏览器可视窗口

       pageX pageY           页面文档的x和y坐标，它们用于CSS动态定位的元素

       screenX  screenY      电脑屏幕的x和y坐标

<ol>
	<li>太平洋</li>
	<li>大西洋</li>
	<li>印度洋</li>
</ol>