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属性能不用则不用。

JS元素位置和位置坐标

scrollHeight: 获取对象的滚动高度。  scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离  scrollTop:设置或获取位于对象最顶端和窗口中可见内容...
  • liaozhongping
  • liaozhongping
  • 2016年03月22日 10:32
  • 3964

js获取div的坐标

html中最常使用的控件就是div了,那么如何获取div的坐标呢? 如何方法可以实现. Js代码   /***   * 获取div的坐标   * @param div...
  • dyllove98
  • dyllove98
  • 2014年11月15日 22:31
  • 7849

GPS坐标转换为百度坐标 js封装

前言BMap.Convertor在坐标转换上有数量限制,这点在实际的项目中受限。参考网上一些文档,封装了下面js版的坐标转换工具pointtransfertools.js。经测试,误差在可容忍范围之内...
  • u010989191
  • u010989191
  • 2016年10月31日 14:00
  • 4045

JS代码将GPRS坐标/谷歌坐标转换为百度坐标

body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";} G...
  • loongsking
  • loongsking
  • 2014年10月13日 12:40
  • 3825

【HTML/JS】百度地图javascriptAPI点击地图得到坐标(拾取坐标) 标签: 百度地图坐标

http://blog.csdn.net/zzq900503/article/details/20629777 javascriptAPI接口文档首页链接 拾取...
  • CrackLibby
  • CrackLibby
  • 2017年06月30日 16:40
  • 1686

【js学习笔记-112】------<canvas>坐标系变换

坐标系变换 默认坐标系是以画布最左上角为坐标原点(0,0)。越往右X轴数值越大,越往下Y轴的数值越大。在默认坐标系中,每一个点的坐标都是直接映射到一个CSS像素上。画布上一些特定的操作和属性的设置都使...
  • pigpigpig4587
  • pigpigpig4587
  • 2014年04月02日 11:12
  • 8075

百度地图javascriptAPI点击地图得到坐标(拾取坐标)

javascriptAPI接口文档首页链接 拾取坐标系统Demo链接 源代码如下(保存为html可直接打开使用): 拾取坐标系统 DomReady.re...
  • q383965374
  • q383965374
  • 2014年03月06日 16:02
  • 8596

js获取鼠标点击位置坐标

在上一篇:js鼠标事件总结中,有提到鼠标事件的主要作用和目的,本意是为了解释鼠标事件为什么要写兼容处理。而本篇主要是总结当鼠标点击窗口时,如何获取它的坐标及其应用。      1.获取鼠标点击的...
  • lu_0216
  • lu_0216
  • 2016年12月10日 17:14
  • 2025

html5使用js确定用户坐标位置

最近在微信平台开发时,涉及到的问题。如何获取用户当前坐标位置。 微信用户坐标定位的实现方案 1、使用微信的共享位置,获取用户坐标。缺点:可能会需要用户手动点击获取位置,体验不好。优点:坐标比较精准...
  • piggachen
  • piggachen
  • 2017年04月10日 10:24
  • 251

js获取点击事件的坐标位置

在一些DOM操作中我们经常会跟元素的位置打交道,鼠标交互式一个经常用到的方面,令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果,这篇文章就上鼠标点击位置坐标获取做一些简单的总结,没特殊...
  • qq_37207291
  • qq_37207291
  • 2017年11月02日 12:14
  • 143
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Js 坐标相关
举报原因:
原因补充:

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