<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-3.1.0.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function(){
//事件对象的获取 event.type
$(document).click(function(event){
// type:获取用户当前触发事件的类型
//console.log(event.type
);
//target:当前点击的标签(事件的触发者)
console.log(event.target);
//currentTarget 保存的是事件绑定的对象 响应事件的对象(事件的响应者)
console.log(event.currentTarget);
//page 系列的坐标是参照页面的左上角为坐标原点
console.log(event.pageX);
console.log(event.pageY);
//client 参照与浏览器可视区域的左上角的坐标原点
console.log(event.clientX);
console.log(event.clientY)
})
})
</script>
</head>
<body style="height: 2000px;">
<div style="width: 100px;height: 100px;border: 1px solid red;"></div>
</body>
</html>
