小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。
前言
吃饱饭才有力气写代码~
滚轮事件是鼠标事件的一个子类别，它只有一个事件mousewheel，反映的是鼠标滚轮或者带滚轮的类似设备上滚轮的交互。
客户端坐标
鼠标事件都是在浏览器视口中的某个位置上发生的，这些信息被保存在event对象的clientX和clientY这两个属性中，它们表示事件发生时鼠标光标在视口中的坐标。可以通过以下代码获取鼠标事件中的客户端坐标,效果如下图所示：
let div = document.getElementById("myDiv");
div.addEventListener("click",(event) =>{
console.log(`Client coordinates:${event.clientX},${event.clientY}`);
})
这个例子为div元素指定了一个onclick事件处理程序，当元素被点击时，会显示事件发生时鼠标光标在客户端视口中的坐标，但是要注意的是客户端坐标不考虑页面滚动，这两个值并不代表鼠标在页面上的位置。
页面坐标
页面坐标是事件发生时鼠标光标在页面上的坐标，通过event对象的pageX和pageY可以获取，这两个属性表示光标到页面左边与上边的距离。 可以通过以下代码获得：
let div = document.getElementById("myDiv");
div.addEventListener("click",(event) =>{
console.log(`Page coordinates:${event.pageX},${event.pageY}`);
})
屏幕坐标
鼠标事件不仅是发生在浏览器窗口的，也是在整个屏幕上发生的，可以通过event对象的screenX和screenY属性获取鼠标光标在屏幕上的坐标，代码如下：
let div = document.getElementById("myDiv");
div.addEventListener("click",(event) =>{
console.log(`Screen coordinates:${event.screenX},${event.screenY}`);
})
