博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
鼠标位置相关属性
阅读量:7220 次
发布时间:2019-06-29

本文共 735 字,大约阅读时间需要 2 分钟。

 

 

 1、offsetX,offsetY:

是event的属性,非DOM元素的属性

含义:设置或者是得到鼠标相对于目标事件的父元素的位置,从父元素的边框位置计算起。

IE中的属性,  经测试新版的chrome 、FF都支持(测试环境 chrome43 FF34)

2、pageX,pageY

 是event的属性,非DOM元素的属性

含义:相对于页面的位置

主流浏览器如FF chrome支持    ie8及以下不支持 (但是IE中有一个替补属性 e.x,e.y     和pageX、Y是一样的效果)

3、offsetLeft、offsetTop

 offsetTop、left:是DOM元素的属性,都支持 但浏览器解析不一样

 在IE7及以下:直接相对于父元素
 IE8以及其他浏览器:该属性表示的是DOM对象在“该DOM对象的层级关系中离该对象最近的,设置了position的父对象”中的位置,如果没有找到,则是相对于根元素 html的位置(而不是body)
4、浏览器默认的margin padding值
 关于body的padding margin:

主流浏览器和IE8: margin:8px

 ie7以及以下:margin:15px padding:medium

5、offsetParent

 含义: 向上寻找父元素,且父元素使用了定位方式。如果向上找不到定位的父元素,则返回body

否则返回这个定位的父元素。

 

    
mouse position

 

转载于:https://www.cnblogs.com/lydialee/p/4819093.html

你可能感兴趣的文章
[置顶] 第十七章——配置SQLServer(2)——32位和64位系统中的内存配置
查看>>
【Android】Parse开发笔记(1)—— 准备
查看>>
问题描述符USB枚举错误 bus hound bad config desc
查看>>
UML基础概念
查看>>
【玩转Ubuntu】01. Ubuntu上配置JDK
查看>>
box-sizing
查看>>
windows设备驱动安装指南
查看>>
批处理文件脚本总结
查看>>
读<jquery 权威指南>[2]-事件
查看>>
Leetcode: Path Sum
查看>>
我为什么放弃Go语言
查看>>
pthread_rwlock
查看>>
UVAoj 348 - Optimal Array Multiplication Sequence
查看>>
设计模式——代理模式
查看>>
裂变问题
查看>>
使用oracle外部表进行数据泵卸载数据
查看>>
弹出消息对话框ScriptManager
查看>>
WEB打印(jsp版)
查看>>
URLEncode与URLDecode总结与实现
查看>>
Gradle 多渠道打包的使用和错误分析(转)
查看>>