js獲取頁面上元素的位置的通用方法
阿新 • • 發佈：2018-12-18
var div = document.getElementById('myDiv');
EventUtil.addHandler(div,"click",function(event){
event = event || window.event;
var pageX = event.pageX,
pageY = event.pageY;
if(pageX === undefined) {
pageX = event.clientX + (document.body.scrollLeft || document.documentElement.scrollLeft);
}
if(pageY === undefined) {
pageY = event.clientY + (document.body.scrollTop || document.documentElement.scrollTop);
}
})
其中EventUtil.addHandler見https://blog.csdn.net/qq_22091941/article/details/82120208；
頁面的位置的寬度pageX = 視窗的寬度event.clientX + 滾動的寬度（如果沒有滾動，則pageX 等於event.clientX ）；
滾動的寬度 document.body.scrollLeft（混雜模式） || document.documentElement.scrollLeft（標準模式），相容兩種模式；