clientX、pageX、screenX、offsetX、layerX的区别

        screenX,screenY:鼠标相对于用户 显示器屏幕左上角的坐标;

pageX,pageY:鼠标相对于 文档左上角的坐标, pageY=clientY+scrollY

clientX,clientY:鼠标相对于当前 浏览器窗口左上角的坐标, pageY=clientY+scrollY

offsetX,offsetY:鼠标相对于 触发事件的元素位置 内容区左上角的坐标;

layerX,layerY:如果触发元素没有设置定位,则以页面左上角为参考点;如果触发元素有设置定位,则以触发元素border边框左上角为参考点;




猜你喜欢

转载自blog.csdn.net/Chen_start02/article/details/80193827
今日推荐