事件Event对象

事件event对象

当事件发生时，会向调用函数传递一个event对象，event对象记录当前事件发生时的环境信息。

一个事件只能对应一个event对象，并且event对象是短暂存在的。

DOM中的event对象的使用方法

1、在HTML标记中，通过事件来调用函数，向函数传递一个event参数，该参数就是一个event对象，这个event必须全小写。注意：这个event参数是固定的

<imgid="img01"src="images/01.jpg"οnclick="get_xy(event)"/>

functionget_xy(e)//这个地方的e是一个形参，只要符合变量的命名规则即可

{

alert(e);//打印测试一下event对象

}

2、使用元素对象来传递event对象

<imgid="img01"src="images/01.jpg"/>

//以下是JS代码

varobj=document.getElementById(“img01”);

obj.onclick=get_xy;//将函数地址传递事件，不能带括号，也不能带参数

functionget_xy(e)//虽然上一行无法给函数传递参数，但事件发生时，事件对象event已经传递过来了

{

alert(e);

}

DOM中event对象的属性

clientX：获取当前事件距离窗口左边的距离；

clientY：当前事件发生时距离窗口顶端的距离；

pageX：当前事件所在网页中的x坐标

pageY：当前事件所在网页中的y坐标；

screenX：当前事件所在屏幕中的x坐标；

screenY：当前事件所在屏幕中的y坐标；