事件对象3 · JavaScript

## 坐标 ``` <style> *{ margin: 0; } body{ height: 2000px; } #box { width: 300px; height: 300px; background-color: pink; margin-top: 500px; margin-left: 100px; } </style> </head> <body> <div id="box"></div> <script> var box = document.getElementById('box'); box.onclick = function (e) { e = e || window.event; //获取鼠标在浏览器的{可视}区域的坐标 console.log(e.clientX) //获取横向坐标 console.log(e.clientY) //获取纵向坐标 //鼠标在当前整个页面的位置,包含了滚动出去的距离 console.log(e.pageX) console.log(e.pageY) } </script> ```