博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
clientX,screenX,pageX,offsetX的异同
阅读量:4575 次
发布时间:2019-06-08

本文共 782 字,大约阅读时间需要 2 分钟。

screenX:鼠标在显示屏幕上的坐标。 

clientX:鼠标在页面显示区域的坐标。 
注:以上两个都是各浏览器通用的。 
pageX:FF特有,鼠标在页面上的位置,从页面左上角开始定位,这个可以很方便在整个页面上进行定位,IE没有直接替换的属性。 
layerX:FF特有,鼠标相对于“触发事件的元素的层级关系中离该元素最近的,设置了position的父元素”的边界的位置,从border的左上角开始定位,即如果这个父元素存在border,则坐标原点在border的左上角,而不是内容区域的左上角。 
offsetX:IE特有,鼠标相对于“触发事件的元素”的位置,从内容区域左上角开始定位,不是从border左上角开始!这个属性比较好用,用来判断鼠标点在一个元素中的哪个位置很方便,FF没有直接替换的属性。 
x:IE特有,跟layerX一个效果,可作为layerX的直接替换属性。 
注:IE和FF的定位有个1px的差别,实际上,IE的定位从0开始,FF的定位从1开始,FF永远会比IE大1px,需要根据实际情况处理。 
offsetLeft:这个属性不是事件对象的属性,而是DOM对象所有的,该属性表示的是DOM对象在“该DOM对象的层级关系中离该对象最近的,设置了position的父对象”中的位置,虽然话是这么说的,但是不同的浏览器效果不一样,FF中严格按上述说明执行,但是在IE6/7中,这个属性返回该DOM对象在其直接父对象中的位置,但是IE8改正了这个问题,不过IE8又有了一个新问题,其他的浏览器都是从父对象的内容区域的左上角开始定位,IE8确是从父元素的border的左上角开始定位,由于测试环境为IETester中的IE8,不能排除是IETester的问题。

转载于:https://www.cnblogs.com/djawh/p/4369818.html

你可能感兴趣的文章
JAVA开发技术工具汇总(一)
查看>>
机器学习和深度学习综述
查看>>
使用Python和Numpy构建神经网络模型
查看>>
使用Matplotlib简单作图案例
查看>>
Linux下Redis部署
查看>>
tomcat8域名非法解析解决方法
查看>>
Oracle数据库clob字段insert报错
查看>>
监控Linux系统信息【Grafana+Prometheus+node_exporter】
查看>>
使用docker安装Jenkins
查看>>
NextCloud搭建私有云盘【可多设备同步】
查看>>
windowns下安装虚拟化环境 virtualenv
查看>>
Django路由分发【>=2.2.X】
查看>>
seafile安装文档【linux】
查看>>
Eclipse下spingClound和Docker的使用【windowns系统】
查看>>
python3基础系列之六【python推导式】
查看>>
YAML格式介绍
查看>>
JAVA常用工具【一】
查看>>
JAVA快速开发项目汇总
查看>>
Gitblit服务器搭建【基于windown系统】
查看>>
jq 移动端网页分享功能_jquery代码实现多选、不同分享功能
查看>>