区分event对象中的[clientX,offsetX,screenX,pageX]
来源:互联网 发布:linux关闭selinux命令 编辑:程序博客网 时间:2024/05/19 02:06
区分event对象中的[clientX,offsetX,screenX,pageX]
在平时的开发中,event对象中的常用获取鼠标位置。
clientX clientY
event.clientX
event.clientY
client直译就是客户端,客户端的窗口就是指游览器的显示页面内容的窗口大小(不包含工具栏、导航栏等等)。
event.clientX、event.clientY就是用来获取鼠标距游览器显示窗口的长度。
兼容性:IE和主流游览器都支持。
offsetX offsetY
event.offsetX
event.offsetY
offset意为偏移量,是被点击的元素距左上角为参考原点的长度,而IE、FF和Chrome的参考点有所差异。
Chrome下,offsetX offsetY是包含边框的,如图所示。
而IE、FF是不包含边框的,如果鼠标进入到border区域,为返回负值,如图所示。
兼容性:IE9+,chrome,FF都支持此属性。
screenX screenY
event.screenX
event.sreenY
screen顾名思义是屏幕,是用来获取鼠标点击位置到屏幕显示器的距离,距离的最大值需根据屏幕分辨率的尺寸来计算。
兼容性:所有游览器都支持此属性。
pageX pageY
event.pageX
event.pageY
page为页面的意思,页面的高度一般情况client游览器显示区域装不下,所以会出现垂直滚动条。
鼠标距离页面初始page原点的长度。
在IE中没有pageX、pageY取而代之的是event.x、evnet.y。x和y在webkit内核下也实现了,所以火狐不支持x,y。
兼容性:IE不支持,其他高级游览器支持。
阅读全文
0 0
- 区分event对象中的[clientX,offsetX,screenX,pageX]
- 区分clientX、offsetX、pageX、screenX
- javascript event对象的clientX,offsetX,screenX,pageX区别
- javascript event对象的clientX,offsetX,screenX,pageX区别
- javascript event对象的clientX,offsetX,screenX,pageX区别
- 图解JavaScript event对象的clientX,offsetX,screenX,pageX区别
- screenX clientX pageX offsetX
- offsetX pageX clientX screenX
- screenx,pagex,clientx,offsetx
- clientX, pageX, offsetX, screenX
- 一张图轻松搞懂javascript event对象的clientX,offsetX,screenX,pageX区别
- 一张图轻松搞懂javascript event对象的clientX,offsetX,screenX,pageX区别
- 图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别
- js事件对象Event获取pageX,clientX,screenX,offsetX,layerX的方式与区别
- 一张图轻松搞懂javascript event对象的clientX,offsetX,screenX,pageX区别
- 一张图轻松搞懂javascript event对象的clientX,offsetX,screenX,pageX区别
- 一张图轻松搞懂javascript event对象的clientX,offsetX,screenX,pageX区别
- 一图胜千言,秒懂巧记JavaScript中event对象的clientX,offsetX,screenX,pageX区别
- 微服务构建
- Powerdesigner使用记录
- PAT乙级1027:打印沙漏(C++)
- 出口商贸易融资工具:出口票据贴现
- idea快捷键
- 区分event对象中的[clientX,offsetX,screenX,pageX]
- RTSP客户端接收存储数据(live555库中的openRTSP实例)
- Web安全漏洞类型
- 构建ZooKeeper应用(4)
- libcurl库的使用
- android:layout_gravity="right"控制LinearLayout中控件居右显示失败
- ZooKeeper管理分布式环境中的数据(5)
- HDOJ 1335 Basically Speaking
- gcc attribute属性和section选项