JS之事件对象体验

 

<script>

//点击页面的任何部分
document.onclick = function(event){
//兼容写法
event=event || window.event;
console.log(event);
console.log(event.timeStamp);//可返回一个时间戳。指示发生事件的日期和时间（从 epoch 开始的毫秒数）
console.log(event.bubbles);//布尔值，是否是起泡类型
console.log(event.button);//指示当事件被触发时哪个鼠标按键被点击。
console.log(event.pageX);
console.log(event.pageY);//返回鼠标指针的位置
console.log(event.screenX);
console.log(event.screenY);//鼠标相对于用户显示器屏幕左上角的x,y坐标
console.log(event.type);
console.log(event.clientX);//鼠标相对于浏览器窗口可视区域的x,y坐标，可视区域不包括工具栏和滚动条
console.log(event.clientY);
console.log(event.target);
}
</script>