demo.html:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
//点击页面的任何部分
document.onclick = function (event) {
//兼容写法
event = event || window.event; //event的兼容写法
var pagex = event.pageX || event.clientX + scroll().left; //获取pageX的兼容写法
var pagey = event.pageY || event.clientY + scroll().top;
}
//获取滚动时,卷起的高度和宽度的兼容写法
function scroll(){
return {
"top": window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop,
"left": window.pageXOffset || document.body.scrollLeft || document.documentElement.scrollLeft
}
}
</script>
</body>
</html>