clientX,clientY,screenX,screenY,offsetX,offsetY 区别测试
- clientX:当鼠标事件发生时(不管是onclick,还是omousemove,onmouseover等),鼠标相对于浏览器(这里说的是浏览器的有效区域)x轴的位置;
- clientY:当鼠标事件发生时,鼠标相对于浏览器(这里说的是浏览器的有效区域)y轴的位置;
- screenX:当鼠标事件发生时,鼠标相对于显示器屏幕x轴的位置;
- screenY:当鼠标事件发生时,鼠标相对于显示器屏幕y轴的位置;
- offsetX:当鼠标事件发生时,鼠标相对于事件源x轴的位置
- offsetY:当鼠标事件发生时,鼠标相对于事件源y轴的位置
详细地址
总结
clientX,clientY: 即相对于 body左上角的距离。
screenX,screenY : 即相对于 屏幕左上角的距离。
offsetX,offsetY:即相对于 点击的元素左上角的距离。
clientX,clientY,screenX,screenY,offsetX,offsetY 区别测试相关推荐
- JS之clientX,clientY,screenX,screenY,offsetX,offsetY区别测试
首先需要知道clientX,clientY,screenX,screenY,offsetX,offsetY 是鼠标事件对象下的几个属性. 之前也一直对这些属性搞的稀里糊涂,看文档上说的也是不太理解,反 ...
- JS之clientX,clientY,screenX,screenY,offsetX,offsetY等区别
1.event.clientX.event.clientY 鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条.IE事件和标准事件都定义了这2个属性 2.event.p ...
- clientX,screenX,pageX,offsetX的区别
前言 关于clientX,screenX,pageX,offsetX的区别之前也比较迷糊,然后自己写了几个demo算是弄明白了,在这记录一下. 定义 一.clientX.clientY 点击位置距离当 ...
- js 事件回调函数的对象属性说明:clientX、screenX、offsetX、pageX
clientX 鼠标相对于浏览器左上角x轴的坐标: 不随滚动条滚动而改变: clientY 鼠标相对于浏览器左上角y轴的坐标: 不随滚动条滚动而改变: pageX 鼠标相对于浏览器左上角x轴的坐标: ...
- JavaScript中pageX pageY offsetX offsetY区别
IE下没有pageX,pageY这两个属性 pageX pageY:鼠标指针的位置,文档的坐标. offsetX offsetY:鼠标相对于事件源元素的x,y坐标
- PageX、clientX、screenX、offsetX、layerX的区别
一.PageX和clientX PageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化 clientX:鼠标在页面上可视区域的位置,从浏览器可视区域左上角开始,即是 ...
- HTML 页面中的位置:clientX、screenX、offsetX、pageX
事件中鼠标的 (x,y) 位置 clientX 鼠标相对于浏览器左上角x轴的坐标: 不随滚动条滚动而改变: clientY 鼠标相对于浏览器左上角y轴的坐标: 不随滚动条滚动而改变: pageX 鼠标 ...
- pageX、clientX、screenX、offsetX、layerX、x
参考:http://www.cnblogs.com/xesam/archive/2011/12/08/2280509.html chrome: e.pageX--相对整个页面的坐标 e.layerX- ...
- clientX/clientY 与 screenX/screenY 的区别
clientX/clientY 与 screenX/screenY 的区别 在JavaScript当中有时候我们需要获取鼠标悬停的位置,以此来做一些特殊处理.这时候就需要用到MouseEvent对象. ...
最新文章
- python正规教育机构-长沙python培训机构哪家好
- Hyper-V Server共享VHDX
- 《ArcGIS Runtime SDK for Android开发笔记》——离在线一体化技术:概述
- mysql 连接 110 超时_Nginx和mysql上行超时超时(110:连接超时)
- 灵感|APP夜间模式如何设计?
- HDOJ 1227 DP
- eclipse汉化教程及汉化包
- 特征选择算法-Relief
- Charles最新版破解注册方法
- Vue + Spring Boot 项目实战(十三):使用 Shiro 实现用户信息加密与登录认证
- vc6 file-open后错误(“0x73d311c7” 指令引用的“0x00000004”内存。该内存不能为”read”)
- Xftp:找不到匹配的outgoing encryption算法
- Containerd shim 进程 PPID 之谜
- 智能手环APP有哪些功能,具体解决方案是什么?
- java给word增加页码_Java 添加页码到Word文档
- 系统问题导致的笔记本部分按键失灵
- 英语一大作文模板如何自己制作?
- 算法学习:归并排序, pta归并排序(递归法)
- 7-7 到底是不是太胖了(10 分)
- 较好的应用计算机,电脑跑分软件哪个好用?哪个比较权威?电脑跑分软件排行榜2017年...
热门文章
- 城市消防远程监控系统
- 【博学谷学习记录】超强总结,用心分享 | 前端开发 前端基础超详细总结-上篇
- python清华大学出版社答案_清华大学出版社的这本Python入门书,出版8年 仍经久不衰...
- 【Matlab学习手记】Matlab积分问题
- outlook邮件撤回失败
- ArcGIS Server manger管理页面无法打开问题解决
- 浙大翁恺pat练习题_中国大学MOOC-翁恺-C语言-PAT习题及解答-第二周
- 微信红包“昙花一现”?看传统企业中兴如何玩转“微信红包”
- linux vim无法退格,Cygwin下安装vim后,vim中退格键无法正常使用的解决方法
- Windows双开或者多开微信的简单做法