鼠标事件以及clientX、offsetX、screenX、pageX、x的区别

参考链接：https://blog.csdn.net/weixin_41342585/article/details/80659736

1、鼠标事件

onclick：点击事件

onmousedown：按下事件

onmouseup：松开事件

onmousemove：移动事件

onmouseover：经过事件

onmouseout：划出事件

2、clientX、offsetX、screenX、pageX、x

clientX： 点击位置距离当前body可视区域的x坐标

pageX： 对于整个页面来说，包括了被劵去的body部分的长度

screenX：点击位置距离当前电脑屏幕的x坐标

offsetX：相对于带有定位的父盒子的x坐标

x：和screenX一样