事件对象的属性

 

事件对象的属性

xxx.onclick = function  (event) {

//获取事件对象

var even = event || window.event;

/*

* 鼠标点击的点 到 元素左上角

*/

console.log(even.offsetX);

console.log(even.offsetY);

/*

* 鼠标点击的点 到 浏览器可视区域左上角的距离

*/

console.log(even.clientX)

console.log(even.clientY)

/*

*鼠标点击的点到浏览器可视区域的距离 + 横向滚动条距离

*/

console.log(even.pageX)

console.log(even.pageY)

/*

* 鼠标点击的点 到 显示器左上角的距离

*/

console.log(even.screenX)

console.log(even.screenY)

}