事件Event对象

事件event对象

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

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

DOM中的event对象的使用方法

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

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

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

{

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

}

 

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

<img id="img01" src="images/01.jpg" />

//以下是JS代码

var obj = document.getElementById(“img01”);

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

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

{

alert(e);

}

DOM中event对象的属性

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

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

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

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

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

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