js获取鼠标坐标pageX/pageY和clientX/clientY的区别 - 代码天地

js获取鼠标坐标pageX/pageY和clientX/clientY的区别

其他 2018-10-31 18:01:10 阅读次数: 0

这两种获取鼠标坐标的方法，区别在于参考对象不同：

pageX和pageY：获取鼠标指针距离文档（HTML）的左上角距离，不会随着滚动条滚动而改变

clientX和clientY：获取鼠标指针距离可视窗口(不包括上面的地址栏和滑动条)的距离，会随着滚动条滚动而改变

猜你喜欢

转载自blog.csdn.net/luoyu6/article/details/83548646

js获取鼠标坐标pageX/pageY和clientX/clientY的区别

鼠标位置的获取pageX，pageY，screenX，screenY，clientX，和clientY，offsetX ，offsetY，layerX，layerY的使用和区别

js鼠标事件 clientX、clientY、offsetX、offsetY、layerX、layerY、pageX、 pageY、screenX、screenY

关于offsetX、offsetY、clientX、clientY、pageX、pageY、screenX、screenY的区别

dom元素、鼠标元素位置clientX、clientY、offsetX、offsetY、screenX、screenY、pageX、pageY

原生js—clientX、clientY、screenX、screenY、offsetX、offsetY、pageX、pageY、x、y

一文看懂js中的clientX，clientY，pageX，pageY，screenX，screenY

【鼠标事件 MouseEvent】clientX clientY offsetX offsetX pageX screenX screenY

window.event和对象event兼容 scrollTop和scrollLeft的兼容 pageX,pageY和clientX+scrollLeft和clientY+scr

事件坐标screenX、clientX、pageX, offsetX的区别

理解 e.clientX,e.clientY e.pageX e.pageY e.offsetX e.offsetY 理解 e.clientX,e.clientY e.pageX e.pageY e.offsetX e.offsetY

理解 e.clientX,e.clientY e.pageX e.pageY e.offsetX e.offsetY

容易混淆的e.clientX,e.clientY e.pageX e.pageY e.offsetX e.offsetY

关于offsetTop和clientX和pageX的区别

pageY、clientY、screenY、offsetY的区别

screenX clientX pageX的区别

pageX，clientX，screenX的区别

pageX、clientX等的区别

pageX、clientX等的区别

pageX、clientX等的区别

图解事件坐标screenX、clientX、pageX, offsetX的区别

鼠标事件以及clientX、offsetX、screenX、pageX、x的区别

JS之clientX,clientY,screenX,screenY,offsetX,offsetY等区别

clientX/clientY 与 screenX/screenY 的区别

js event-事件对象和clientX,clientY

screenX,clientX,pageX,offsetX,的区别

clientX,pageX,offsetX,screenX的区别

clientX,pageX,screenX ,offsetX的区别

clientX、offsetX、screenX、pageX的区别

分清clientY pageY screenY layerY offsetY的区别

今日推荐

基于大语言模型的开源知识库问答系统 MaxKB GitHub Star 数量突破 5,000 个！

美国拟限制 AI 大模型出口中国和俄罗斯

苹果将与 OpenAI 达成协议，将 ChatGPT 应用于 iPhone

openKylin 社区生态委员会第六次会议圆满召开

阿里云正式发布通义千问 2.5

Python 3.13 发布首个 Beta：实验性自由线程模式和 JIT、改进交互式解释器

Stack Overflow 拿我的代码去训练 AI 大模型，还封了我的账号

Pop!_OS 的 COSMIC 桌面完成 App Store 上架工作

报告：Django 仍然是 74% 开发者的首选

《2024 年一季度互联网投融资运行情况》研究报告

15 年前上了“FFmpeg 耻辱柱”，今天他还得谢谢咱——腾讯QQPlayer一雪前耻？

TIOBE 5 月榜单：Fortran “复活”进入 Top 10

周排行

BPM为企业带来的实际利益

好程序员web前端分享css常用属性缩写

Java文件下载（excel）

css样式的动态添加及显示和隐藏等零碎用法

axios全局配置以及拦截器

使用Logstash来实时同步MySQL和log日志数据到ES

C++获取当前时间（年月日、时分秒、毫秒）

Odoo产品分析 (四) -- 工具板块(11) -- 网站即时聊天(1)

Java环境配置正确，但是java、javac、java -version均返回“不是内部或外部命令，也不是可运行的程序或批处理文件”？

01 官网下载各种CentOS教程（超详细版）

每日归档

更多

2024-05-14(0)

2024-05-13(18)

2024-05-12(0)

2024-05-11(38)

2024-05-10(38)

2024-05-09(35)

2024-05-08(42)

2024-05-07(14)

2024-05-06(40)

2024-05-05(0)