参考链接：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一样
