标签:
当事件发生时,会向调用函数传递一个event对象,event对象记录当前事件发生时的环境信息。
一个事件只能对应一个event对象,并且event对象是短暂存在的。
DOM中的event对象的使用方法
1、在HTML标记中,通过事件来调用函数,向函数传递一个event参数,该参数就是一个event对象,这个event必须全小写。注意:这个event参数是固定的
<img id="img01" src="images/01.jpg" onclick="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坐标;
标签:
原文地址:http://www.cnblogs.com/zzg521/p/4281921.html