offsetX, clientX, pageX, screenX, layerX,
来源:互联网 发布:手机装windows系统上网 编辑:程序博客网 时间:2024/05/16 10:01
通过 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
- offsetX, clientX, pageX, screenX, layerX,
- clientX、screenX、pageX、offsetX、layerX
- 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
- pageX, clientX, offsetX/layerX, screenX, scrollLeft()属性
- 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
- clientX,pageX,offsetX,layerX,screenX,offsetLeft区别分析
- clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别
- pageX、clientX、screenX、offsetX、layerX、x区别 && click && stroke/fill
- clientX,pageX,screenX,offsetX,layerX,x的那些事
- screenX clientX pageX offsetX
- offsetX pageX clientX screenX
- 【正确姿势】解决EditText软键盘引起的其他布局移动问题
- eclipse 配置Maven问题解决办法:新建maven工程时报错:Could not resolve archetype org.apache.maven.archetypes . 时间 2013
- 安桌Log打印封装类
- Java中File类创建文件
- spring4.1 请求rest接口406问题解决(转换JSON)
- offsetX, clientX, pageX, screenX, layerX,
- cookie的使用方法
- 【NIO引入】BIO、AIO与NIO的区别
- 计算机网络-运输层
- jdbc连接数据库六步走
- JAVA ActiveMQ 详解
- CenTos 7上开端口号
- 一个困扰了我三天的SQL优化问题。(多条数据取最近的数据)
- vue 常用ui组件