js中的距离值之间的关系
来源:互联网 发布:unity3d模型制作教程 编辑:程序博客网 时间:2024/06/05 17:20
关于js中的鼠标距离值之间的相关知识
看到这张图,让你想到了什么?是不是刚学习js的时候总是对于这些值有点混淆,总是记不住呢?
这些值一般用于做那些效果呢?比如:div盒子的拖拽、自定义滚动条.....
好,我们先来解释下各个属性值之间的意思吧!
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
clientX
//鼠标指针到浏览器页面的水平坐标(左)
clientY
//鼠标指针到浏览器页面的垂直坐标(上)
offsetX
//设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。
offsetY
//设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。
pageX
//当前鼠标到浏览器页面水平的距离 (左)
pageY
//当前鼠标到浏览器页面顶部的距离 (上)
offset()
//方法返回或设置匹配元素相对于文档的偏移(位置)。
offset().top
//元素距离文档的top值
offset().left
//元素距离文档的left值
通过名词解释,不难发现一点,pageX/Y跟clientX/Y之间的字面所表达的意思差不多,其实是有区别的。
在上图中我们不难发现:
1
2
3
4
5
pageY == clientY +$(document.body).scrollTop();
pageX == clientX +$(document.body).scrollLeft();
//也就是说,clientY+scrollTop的值,才是pageY的值。
写在最后:虽然图画的有烂,我想应该可以帮组大家来理解它们之间的一个关系。至于细节嘛,就不要在意那么多啦!
0 0
- js中的距离值之间的关系
- RSSI与距离d之间的关系
- RSSI与距离d之间的关系
- RSSI与距离d之间的关系
- 树中的两个结点之间的距离
- RSSI与LQI、接收距离d之间的关系(转)
- 频率、波长、传输距离、传输速率之间的关系总结
- WebView 与 JS 之间的关系
- WebView 与 JS 之间的关系
- JS、DOM和JQuery之间的关系
- html、css、js、jquery之间的关系
- Js json、字符串、对象之间的关系
- js中的undefined,null,空字符串,false,true之间的关系
- js计算两个经纬度之间的直线距离
- 关于oracle 中的dmt_lmt_mssm_assm之间的关系
- 数据库中的数据表之间的关系
- Spring配置文件中的Bean之间的关系
- 根据经纬度之间的值算距离
- 第9章andriod程序破解
- name after, name for, name as
- Problem Q
- 基于QSortFilterProxyModel实现表格数据查询排序框架
- LinuxMint安装报错(使用磁盘的最小对齐,这可能造成非常差的性能),安装无法继续
- js中的距离值之间的关系
- 整合ssm时的一些注意点
- C++中有个malloc/free,为什么还需要new/delete?
- Android高阶UI之开源项目
- Python学习笔记_01 环境构建
- 算法:各类排序
- Ubuntu14.04下OpenCV2.4.10安装
- POJ 3278(Catch That Cow)
- 欢迎使用CSDN-markdown编辑器