201510150049_《JavaScript——clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别》

最新推荐文章于 2024-10-05 01:22:45 发布
最新推荐文章于 2024-10-05 01:22:45 发布
阅读量101 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/beesky520/p/4881231.html
版权

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


clientX:鼠标在页面显示区域的坐标。（FF是pageX;）

 

pageX：... ...

 

layerX:FF特有，父容器border的左上角... ...（可用offsetX代替）

 

offsetX:IE特有;鼠标距离“触发事件元素位置”距离... ...

 

offsetLeft：非事件属性，而是Dom对象属性，表示“该dom在另外一个dom中的位置”... ...

 

转载于:https://www.cnblogs.com/beesky520/p/4881231.html

weixin_30628801
关注
js 获取元素位置和大小_js 位置_Js宽度高度（详解）
天马3798
12-10 3671
如obj.style.top、obj.style.wdith等，在读的时候，他们返回的值常常是带有单位的(如px)，同时，对于这种方式，它只能够获取到该元素的行内样式，而并不能获取到该元素最终计算好的样式，这就是在读取属性值得时候和以上只读属性的区别，要获取计算好的样式，请使用obj.currentstyle（IE）和getComputedStyle(IE之外的浏览器)。该属性指的是当元素其中的内容超出其宽高的时候，元素被卷起的高度和宽度，即滚动条宽高度。
clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别分析
09-05
clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别分析，需要的朋友可以参考下。
pageX, clientX, offsetX/layerX, screenX, scrollLeft()属性
VirgoYellow 的专栏
07-17 821
e.pageX——是鼠标指针的位置，相对于文档的左边缘，即相对整个页面的坐标（IE8及其以下的版本不支持该属性） $(selector).scrollLeft(position)——返回（无position）或设置（设置position）匹配元素的滚动条的水平位置 e.clientX——返回当事件被触发时鼠标指针向对于浏览器页面（或当前窗口）的水平坐标，即相对可视区域的坐标 e.offset
offsetLeft,Left,clientLeft的区别
xo_tobacoo
09-16 223
js开发富客户端必须要掌握的，本来打算自己总结下，不过baidu到这篇非常简单易懂:请参考图看   假设 obj 为某个 HTML 控件。 obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置，整型，单位像素。 obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置，整型，单位...
js中clientWidth、scrollLeft、offsetX等宽高度和位置的用法
AAAAahao_的博客
01-30 2672
文章目录前言一、clientWidth / clientHeight二、clientLeft / clientTop三、clientX / clientY四、scrollWidth / scrollHeight五、scrollLeft / scrollTop六、offsetWidth / offsetHeight七、offsetLeft / offsetTop八、offsetX / offsetY总结 前言 前端学习中会遇到的一些宽高度，位置的计算 提示：以下是本篇文章正文内容，下面案例可供参考 .b.
JS: offsetLeft/Top、offsetParent、scrollLeft/Top、clientLeft/Top、scrollX、scrollY、pageXOffset、pageYOffse
devJan的博客
04-25 719
定位的父级元素 offsetParent:离当前元素最近的非position:static的元素
Javascript下IE与Firefox下的差异兼容写法总结
10-29
例如，在IE和Firefox两个浏览器中，它们的JavaScript实现有着明显的区别。本文将针对这些差异进行总结，并给出相应的兼容写法，以便开发者在实际开发过程中能够写出更加兼容的代码。 首先，让我们来看一下`window....
javascript 图片上一张下一张链接效果代码
12-12
相关文章提到了不同浏览器间对于鼠标位置属性（如`clientX`, `pageX`, `offsetX`, `x`, `layerX`, `screenX`, `offsetLeft`等）的差异，以及如何在jQuery中实现类似功能，这些都是在跨浏览器开发时需要注意的问题。...
CSSOM视图模式(CSSOM View Module)相关整理：scrollWidth，scrollLeft，offsetLeft，clientX ，offsetX 定义和区别...
weixin_30455365的博客
05-26 536
转：http://www.zhangxinxu.com/wordpress/2011/09/cssom%E8%A7%86%E5%9B%BE%E6%A8%A1%E5%BC%8Fcssom-view-module%E7%9B%B8%E5%85%B3%E6%95%B4%E7%90%86%E4%B8%8E%E4%BB%8B%E7%BB%8D/ 四、元素视图属性 关于元素大小位置等信息的一些属性。有：c...
pageX,clientX,offsetX,screenX,style.left,offsetLeft,scrollLeft,clientLeft的区别以及使用详解
qq_35859392的博客
01-25 1091
1.clientX，pageX，offsetX与screenX 先统一了解下这四个概念，理解不透没关系，这些属性都是用于鼠标的。 clientX：在水平方向上，鼠标指针距离浏览器左侧边缘的距离。 pageX：在水平方向上，鼠标指针距离网页文档X轴左侧边缘的距离。 offsetX：在水平方向上，鼠标指针距离鼠标所在元素左侧边缘的距离。 screenX：在水平方向上，鼠标指针距离电脑屏幕...
原生js获取鼠标在盒子上的位置pageX、pageY、offsetTop、offsetLeft
u010234868的专栏
07-06 1374
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { margin: 0; /*添加高度使其出现滚动条*/ height: 1000px; } #box { width: 200px; height: 200px; bac.
JS clientX、offsetX、pageX、screenX
zhumizhumi的博客
07-04 2323
因为要写拖拽、拉伸，所以去查了有关这方面的博客，然后发现每一篇博客说的都不一样。。。，我的这篇博客是按照我自己的理解来解释的，有错误的话，欢迎指正【我也不能肯定100%正确】 一：图形解释 二：书面解释【根据英文单词意思，也可以猜个八九不离十】 screen：屏幕 1.作用对象：鼠标点 2.坐标中心点：电脑屏幕左上角 3.screenX：鼠标点距离电脑屏幕左边的距离；screen...
pageX,clientX,offsetLeft,scrollLeft的区别
liliy__的博客
04-15 1204
pageX,clientX,offsetLeft,scrollLeft的区别 1、pageX / pageY pageX / pageY的值为鼠标相对于document的距离，即网页左上角的位置 2、clientX / clientY clientX / clientY的值为鼠标相对于浏览器可视区域左上角的距离 3、offsetLeft / offsetTop offsetLeft /...
pageX,clientX,offsetX,screenX,offsetLeft,style.left,offsetWidth,scrollWidth的区别以及使用详解...
qq_35859392的博客
01-25 354
pageX,clientX,offsetX,screenX,offsetLeft,style.left,offsetWidth,scrollWidth的区别以及使用详解 https://www.cnblogs.com/echolun/p/9231760.html posted @ 2019-...
scrollLeft,scrollWidth,clientWidth,offsetWidth之完全详解
weixin_33895695的博客
03-15 566
scrollHeight: 获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度offsetLeft:获取对象相对于版面或...
JavaScript ArrayBuffer的读写与类型转换
白瑕 的博客
10-01 512
所有视图的基本单位是ArrayBuffer, ArrayBuffer中只存储二进制格式的数据.ArrayBuffer不可直接读写, 必须通过视图(比如DataView)暴露的API.
vue-live2d看板娘集成方案设计使用教程
最新发布
每个人都是独一无二的，把握好自己的节奏，跟着自己的心走。
10-05 1330
vue-live2d看板娘集成方案设计使用教程
如何使用Redisson的布隆过滤器？
付聪
10-02 513
【代码】如何使用Redisson的布隆过滤器？
Webpack 打包后文件过大，如何优化？
官方推荐
09-30 6134
Webpack 打包后文件过大，如何优化？
offsetX,clientX,pageX,offsetLeft
05-13
假设有一个 div 元素，它的 offsetLeft 为 100px，当鼠标在它内部发生了 click 事件时，offsetX 就表示鼠标相对于这个 div 左侧边框的像素距离，clientX 则表示鼠标相对于浏览器窗口左侧的像素距离，pageX 则表示...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值