js鼠标事件_类型“mouseevent”上不存在属性“layery”

 clientX clientY  这两个属性标记的是鼠标位于视口中的位置（x, y等价）
视口：以浏览器显示区域的左上角开始

offsetX、offsetY：这两个属性标记的是鼠标位于元素内部的位置（从padding开始计算），会受到子元素的影响 
目标元素的左上角坐标（e.target）

pageX pageY：这两个属性标记的是鼠标位于页面中的距离（layerX layerY等价）
 默认情况下，当打开页面的时候处于首屏，所以这两个属性和clientX与clientY是相同的，当页面出现滚动条的时候并改变滚动条的位置，此时这些值才会产生差异

 screenX screenY：这两个属性标记了鼠标位于屏幕中的位置

总结：
clientX和clientY与x，y一样的，以浏览器显示区域的左上角开始，指鼠标的坐标。x,y是新浏览器支持
offsetX，offsetY，针对目标元素的左上角坐标，从padding开始。
layerX,layerY，往上找有定位属性的父元素的左上角（自身有定位属性的话就是相对于自身），都没有的话，就是相对于body的左上角
pageX，pageY相对页面左上角的距离
screenX screenY 相对屏幕左上角的位置
————————————————
版权声明：本文为CSDN博主「蒲公英芽」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/Charissa2017/article/details/103863588