<style>
body {
height: 3000px;
}
</style>
</head>
<body>
<script>
// 鼠标事件对象 MouseEvent
document.addEventListener("click", function (e) {
// 1.client 鼠标在可视区的x轴和y轴的坐标 当前页面上可以看到的部分
console.log(e.clientX);
console.log(e.clientY);
console.log("--------------------------------------");
// 2.page 鼠标在页面文档的x和y坐标 整个文档中鼠标的坐标
console.log(e.pageX);
console.log(e.pageY);
console.log("--------------------------------------");
// 3.screen 鼠标在电脑屏幕的x和y坐标
console.log(e.screenX);
console.log(e.screenY);
});
</script>