Js 坐标相关

转载 2012年03月31日 16:04:29


offsetX/offsetY:    相对于当前元素的位移
x/y:                       相对于当前座标系的位移,但是IE常常搞错当前座标系
layerX/layerY:      相对于当前座标系的位移
pageX/pageY:      相对于网页的位移
clientX/clientY:     相对于可视窗口的位移
screenX/screenY:相对于屏幕的位移



offsetX/offsetY:W3C- IE+ Firefox- Opera+ Safari+
x/y:W3C- IE+ Firefox- Opera+ Safari+
layerX/layerY:W3C- IE- Firefox+ Opera- Safari+
pageX/pageY:W3C- IE- Firefox+ Opera+ Safari+
clientX/clientY:W3C+ IE+ Firefox+ Opera+ Safari+
screenX/screenY:W3C+ IE+ Firefox+ Opera+ Safari+


六对属性只有clientX/clientY和screenX/screenY是W3C规范内的。

而offsetX/offsetY和pageX/pageY知其一组即可通过计算取得另一组,

对于JS开发者而言,Firefox/Opera/Safari提供的pageX/pageY更加实用。

x/y和layerX/layerY本应该是作用相同、名称不同的两组属性,

即相对于offsetParent对象的位移,但是IE对offsetParent的判断却相当不准确,

大部份情况下offsetParent对象都等于body对象,最严重的后果就是在一个

绝对定位的层中offsetParent对象本应该为层对象,可IE却依旧为body对象,

导致座标系混乱,而Opera和Safari中的x/y则同样继承了IE中的错误,因此x/y属性能不用则不用。

相关文章推荐

事件分发,View坐标相关

1.在 dispatchTouchEvent(MotionEvent ev),onTouchEvent(MotionEvent event)中ev.getX(),ev.getY()得到的是当天触摸位置...

谈谈iOS下视图、坐标、位置相关等基础概念

在写程序的时候发现,iOS下的坐标、位置很容易弄乱,特别是在不同的坐标系统中,必须完成弄明白一些概念才能做相应的变化,例如CoreImage和UIView的坐标系统就截然不同,一个是以屏幕的左上角为原...

JS 图片选中区域坐标

  • 2016年03月16日 14:54
  • 49KB
  • 下载

js获取div的位置坐标

  • 2012年05月19日 19:28
  • 26KB
  • 下载

web中使用到的一些关于坐标相关知识

在设计页面时可能经常会用到固定层的位置,这就需要获取一些html对象的坐标以更灵活的设置目标层的坐标,这里可能就会用到document .body.scrollTop等属性,但是此属性在xhtml标准...

olap4j-0.9.7.309-JS-3.jar及其pom坐标

  • 2017年10月19日 21:07
  • 396KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Js 坐标相关
举报原因:
原因补充:

(最多只允许输入30个字)