图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别
来源:互联网 发布:提取视频音乐的软件 编辑:程序博客网 时间:2024/05/31 06:21
通过 3 张图和 1 张表格,轻松区别 JavaScript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性。
一、测试代码如下:
二、不同浏览器对这些属性的支持:
三、图解 event.offsetX,event.clientX,event.pageX,event.screenX属性
点击这里查看大图
四、图解 event.layerX,event.layerY 属性
点击这里查看大图
五、图解 event.x,event.y 属性
点击这里查看大图
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
六、Jquery 兼容写法
jQuery event 事件对象,包含有 event.offsetX, event.clientX,event.pageX,event.screenX等属性(firefox 浏览器中, offsetX 为 undefined)。firefox 获取 offsetX / offsetY 的值,需要通过 event 对象的属性 originalEvent。
阅读全文
0 0
- 图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别
- 图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别
- 图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别
- js事件对象Event获取pageX,clientX,screenX,offsetX,layerX的方式与区别
- 图解JavaScript event对象的clientX,offsetX,screenX,pageX区别
- clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别
- pageX、clientX、screenX、offsetX、layerX、x区别 && click && stroke/fill
- clientX, pageX, offsetX,x, layerX, screenX, offsetLeft
- clientX,pageX,offsetX,x,layerX,screenX,offsetLeft
- clientX,pageX,offsetX,x,layerX,screenX,offsetLeft
- pageX、clientX、screenX、offsetX、layerX、x
- screenX/clientX/pageX/layerX/offsetX/x
- pageX、clientX、screenX、offsetX、layerX、x
- pageX、clientX、screenX、offsetX、layerX、x
- pageX、clientX、screenX、offsetX、layerX、X
- pageX、clientX、screenX、offsetX、layerX、x
- offsetX, clientX, pageX, screenX, layerX,
- clientX、screenX、pageX、offsetX、layerX
- 修改so文件的关键方法
- ByteBuffer.allocate()/ByteBuffer.allocateDirect()/JNI DETECTED ERROR IN APPLICATION: jarray was NULL
- HTML怎么让table中的td内容过长显示为固定长度,多余部分用省略号代替
- Java中四种引用类型
- 解决add方法添加Fragment界面重合的问题+Fragment生命周期
- 图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别
- Netty工具类HashedWheelTimer源码走读
- Android SharePreferences源码解析
- Android开发之MaterialDesign动画总结
- 流程控制语句————If选择结构语句
- windows系统自动定时备份mysql数据库
- 第一次写博客!
- ROS自定义msg类型及使用
- android7.0下retrofit框架不断GC的问题