IE无法兼容pageX/pageY问题

 

1. e.clientX/e.clientY 鼠标在可视区域中的位置
2. e.pageX/e.pageY 鼠标在页面中的位置 有兼容性问题 从IE9以后才支持
3. pageY = clientY + 页面滚动出去的距离

    // 获取页面滚动出去的距离
        function getScroll() {
             var scrollLeft = document.body.scrollLeft || document.documentElement.scrollLeft;
             var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
             return {
               scrollLeft: scrollLeft,
               scrollTop: scrollTop
             }
           }
   
       // 获取鼠标在页面的位置，处理浏览器兼容性
       function getPage(e) {
         var pageX = e.pageX || e.clientX + getScroll().scrollLeft;
         var pageY = e.pageY || e.clientY + getScroll().scrollTop;
         return {
           pageX: pageX,
           pageY: pageY
         }
       }

   转载来源：https://blog.csdn.net/weixin_42442123/article/details/83793204

来源：https://www.cnblogs.com/mushuizzz/p/11847172.html