<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { height: 1000px; } </style> </head> <body> <script src="common.js"></script> <script> // e.clientX/e.clientY 鼠标在可视区域中的位置 // // e.pageX/e.pageY 鼠标在页面中的位置 有兼容性问题 从IE9以后才支持 // pageY = clientY + 页面滚动出去的距离 document.onclick = function (e) { e = e || window.event; console.log(getPage(e).pageX); console.log(getPage(e).pageY); } // 获取鼠标在页面的位置，处理浏览器兼容性 function getPage(e) { var pageX = e.pageX || e.clientX + getScroll().scrollLeft; var pageY = e.pageY || e.clientY + getScroll().scrollTop; return { pageX: pageX, pageY: pageY } } </script> </body> </html>
pageX的兼容性处理2
猜你喜欢
转载自www.cnblogs.com/jiumen/p/11416485.html
今日推荐
周排行