正文
js获取窗口参数
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
window.onscroll=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.onresize=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" />
上图是获取坐标的函数
