事件对象:当事件触发的时候我们会把和事件相关的东西打包成一个事件对象,当事件被触发的时候,这个事件对象会通过参数(event)传递给事件指令
话不多说,直接上代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>认识事件对象</title>
<style>
div{
width: 100px;
height: 100px;
background: red;
}
</style>
</head>
<body>
<div id="box"></div>
<script>
window.onload = function () {
var box = document.getElementById(‘box‘);
box.onclick = function (event) {
var myX = event.clientX; //获取x方向的坐标值
var myY = event.clientY; //获取y方向的坐标值
console.log(myX);
console.log(myY);
}
}
</script>
</body>
</html>
浏览器如下所示:其中浏览器自带margin为8px
原文：http://www.cnblogs.com/itdian/p/6705859.html