关于html5:关于offsetXlayerXclientXscreenX以及pageX

44次阅读

共计 685 个字符,预计需要花费 2 分钟才能阅读完成。

【转载请注明出处】:https://blog.csdn.net/huahao1989/article/details/107775411

咱们都熟知,题目中的几个办法都是用来获取事件 (event) 的地位,然而他们有什么区别呢?就用一张图来阐明

  • offsetX:指事件产生地位绝对触发元素左上角的程度坐标
  • layerX:FF 特有, 鼠标相比拟于以后坐标系的地位, 即从以后容器顺次往上寻找设置相对定位或绝对定位的元素为参考坐标系,以该容器的左上角来计算程度坐标
  • clientX:是指事件产生地位绝对可视区域的程度坐标(只是 document 展示的局部,不包含搜寻栏、书签栏等)
  • screenX:是指事件产生地位绝对电脑屏幕的程度坐标
  • pageX:是指事件产生地位绝对文档(document)的程度坐标(是指整个文档,当呈现滚动条时,暗藏的局部也会被算入 pageX)

欢送关注“后端老鸟”公众号,接下来会发一系列的专题文章,包含 Java、Python、Linux、SpringBoot、SpringCloud、Dubbo、算法、技术团队的治理等,还有各种脑图和学习材料,NFC 技术、搜寻技术、爬虫技术、举荐技术、音视频互动直播等,只有有工夫我就会整顿分享,敬请期待,现成的笔记、脑图和学习材料如果大家有需要也能够公众号留言提前获取。因为自己在所有团队中根本都处于攻坚和探路的角色,搞过的货色多,遇到的坑多,解决的问题也很多,欢送大家加公众号进群一起交流学习。

【转载请注明出处】:https://blog.csdn.net/huahao1989/article/details/107775411

正文完
 0