window.οnscrοll=function getScrollTop(){console.log(scrollTop)if(document.documentElement&&document.documentElement.scrollTop){scrollTop=document.documentElement.scrollTop;}else if(document.body){scrollTop=document.body.scrollTop;}console.log(scrollTop)return scrollTop;}
上圖是兼容主要游覽器的獲取滾動條實時高度的,
function getWindow () {
if(typeof window.innerWidth !='undefined') {
return{
width : window.innerWidth,
height : window.innerHeight
}
} else{
return {
width : document.documentElement.clientWidth,
height : document.documentElement.clientHeight
}
}
};
window.οnresize=function () {
console.log(getWindow ().width,getWindow ().height)
}
上圖是簡單的獲取窗口可視寬高
function mousePosition(ev){if(ev.pageX || ev.pageY){return {x:ev.pageX, y:ev.pageY};}return {x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,y:ev.clientY + document.body.scrollTop - document.body.clientTop};}function mouseMove(ev){ev = ev || window.event;var mousePos = mousePosition(ev);document.getElementById('xxx').value = mousePos.x;document.getElementById('yyy').value = mousePos.y;}document.onmousemove = mouseMove; </script> X:<input id="xxx" type="text" /> Y:<input id="yyy" type="text" />
上圖是獲取坐標的函數