pageX/pageY,screenX/screenY,clientX/clientY的差别
$(document).click(function(e){
//x方向无差别
//alert(e.pageX+','+e.screenX+','+e.clientX);
//y方向有差别,无滚动条时pageY和clientY一样，有的话三者有差别
alert(e.pageY+','+e.screenY+','+e.clientY);
});
pageX/pageY,screenX/screenY,clientX/clientY的差别
2016-09-26
1221
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
pageX/pageY,screenX/screenY,clientX/clientY的差别
$(document).click(function(e){ //x方向无差别 //alert(e.
目录
相关文章
|
8月前
|
JavaScript
|
4月前
|
8月前
|
前端开发
window.requestAnimationFrame+localStorage+canvas实现跨窗口小球连线效果
window.requestAnimationFrame+localStorage+canvas实现跨窗口小球连线效果
78
0
0
mouseover、mouseout和mouseenter、mouseleave之间的区别(配对使用)
mouseover、mouseout和mouseenter、mouseleave之间的区别(配对使用)
100
0
0
|
JavaScript
前端开发
详细区分offsetX，clientX，pageX，screenX，layerX和X的区别
详细区分DOM事件中鼠标指针的坐标问题
前面博客中我们讲解到了DOM事件的event对象，里边包含了鼠标事件的指针坐标属性。比如event.offsetX,event.clientX,event.pageX,event.screenX等等。现在我们来解析一下这些坐标属性的区别。
HTML代码：
<div class="box"></div>
<div class="box2"></div>
1
2
CSS代码：
.box{
width: 200px;
height: 200px;
backgro
107
0
0
|
编译器
|
前端开发
索引
为什么会有window.window这种设计
为啥要搞这个这个看起来貌似很奇葩的设计。
要解答这个问题，还得请出this，我们经常说浏览器中的全局对象是window, 这句话对了，也还没完全对。
全局对象的真实身份应该是全局作用域的this。 window只是为了便于访问this，弄出来的一个属性。
318
0
0
热门文章
最新文章
1
【实战】锐捷AC+AP配置WLAN基本服务系列
2
丰富、连接、待集成—MaxCompute 生态再出发
3
Tomcat 7.0 64位免安装解压版 安装及配置
4
securecrt克隆会话与sshd 的 MaxSessions
5
安卓支持RISC-V架构的技术剖析
6
生成文件的另一种思路——共享文件同步
7
高阶自定义View --- 粒子变幻、隧道散列、组合文字
8
奇虎团队不到1分钟攻破谷歌Pixel 斩获12万美元奖金
9
npm使用指南
10
Visual Studio 2010快捷键大全
1
Smolagents：三行代码就能开发 AI 智能体，Hugging Face 开源轻量级 Agent 构建库
114
2
Cognita：小白也能搭建 RAG 系统，提供交互界面的开源模块化 RAG 框架，支持多种文档检索技术
26
3
SocraticLM：通过 AI 提问引导学生主动思考，中科大与科大讯飞联合推出苏格拉底式教育大模型
26
4
SoulChat2.0：低成本构建 AI 心理咨询师，华南理工开源心理咨询师数字孪生大语言模型
23
5
TryOffAnyone：快速将模特服装图还原为平铺商品图，生成标准化的服装展示效果
27
6
VITRON：开源像素级视觉大模型，同时满足图像与视频理解、生成、分割和编辑等视觉任务
26
7
Memory Layers：如何在不增加算力成本的情况下扩大模型的参数容量？Meta 开源解决方法
23
8
ImBD：复旦联合华南理工推出 AI 内容检测模型，快速辨别文本内容是否为 AI 生成
21
9
《量子硬件制造：降低退相干率与错误率的策略》
22
10
《量子计算硬件：关键指标对人工智能应用性能的影响》
89