pageX、pageY全兼容
2013-11-18 16:58
88 查看
pageX、pageY全兼容
var pos=function(o,x,y,event){var posX=0,posY=0;
var e=event||window.event;
if(e.posX||e.posY){
posX=e.pageX;
posY=e.pageY;
}
else if(e.clientX||e.clientY){
posX=e.clientX+document.documentElement.scrollLeft+document.body.scrollLeft;
posY=e.clientY+document.documentElement.scrollTop +document.body.scrollTop;
}
o.style.position='absolute';
o.style.top=(posY+y)+'px';
o.style.left=(posX+x)+'px';
}
相关文章推荐
- 元素位置pageX,pageY,clientX,clientY,scrollX,scrollY,screenX,screenY,offsetX,offsetY
- 浏览器鼠标位置PageX/Y,offsetX/Y,screenX/Y,clientX/Y,layerX/Y与兼容
- pageX、pageY及父元素的页面坐标使提示框跟随鼠标移动
- pageX和pageY
- clientX, clientY,offsetX, offsetY,screenX, screenY, x, y,pageX,pageY的区别
- js鼠标事件中的clientX/clientY,screenX/screenY,pageX/pageY,offsetX/offsetY,layerX/layerY,x/y
- clientX,clientY,pageX,pageY,screenX,screenY的区别
- 分析x,offsetX clientX screenX,pageX,y,offsetY clientY screenY,pageY之间的区别
- pageX/pageY,screenX/screenY,clientX/clientY的差别
- 理解 e.clientX,e.clientY e.pageX e.pageY e.offsetX e.offsetY
- 【浏览器】window.pageXOffset/pageYOffset (相对于)页面偏移(CSS像素)
- 浏览器的各种长度宽度clientX clientY pageX pageY x y
- 手机e.pageX和e.pageY无效的原因
- TouchSwipe在Android设备上的pageX和PageY为0的问题
- 利用pageX、pageY动态的改变div的位置
- 一句话解释jquery中offset、pageX, pageY、position、scrollTop, scrollLeft的区别
- jquery事件 【mousedown与mouseup ----keydown与keypress与keyup】focus--blur--orrer--pageX-pageY
- e.pageX,e.pageY
- js兼容写法为document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop
- jquery事件 【mousedown与mouseup ----keydown与keypress与keyup】focus--blur--orrer--pageX-pageY