JavaScript中event对象详解

时间：2017年5月4日09:20:22

    event对象

1、单击事件

<div onclick="clicked()">点击我出发单机事件</div>

function clicked(){

var event = event || window.event;

console.log(event);//MouseEvent {some property...}

console.log(event.target);//<div onclick="clicked()">点击我出发单机事件</div>

console.log(event.srcElement);//同event.target

console.log(event.clientX);//事件发生的X轴坐标（浏览器显示文档区域）

console.log(event.clientY);//

console.log(event.offertX);//相对于该元素relative位置偏移的X轴坐标（浏览器显示文档区域）

console.log(event.offsetY);//

console.log(event.layerX);//距离浮动的祖先元素层 原点 的X轴坐标（浏览器显示文档区域）

console.log(event.layerY);//

console.log(event.pageX);//同event.clientX

console.log(event.pageY);//

console.log(event.path);//数组，存储div => body => html => document => Window，该对象到顶层对象的集合

console.log(event.screenX);//事件发生的X轴坐标（相对于显示器整个区域而言）

console.log(event.screenY);//

console.log(eventtimeStamp);//页面加载完成后 到 该事件 发生时 经过的时间

console.log(event.type);//事件类型 click

console.log(event.x);//

console.log(event.y);//

...

}