JavaScript中event的x,clientX,offsetX的区别

Posted 爱无边界

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript中event的x,clientX,offsetX的区别相关的知识,希望对你有一定的参考价值。

  javascript中event的x,clientX,offsetX的区别

  请看下面的文字说明,也就是event中x,clientX,offsetX,screenX的区别:

  x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。www.mlybyby.com

  clientX:相对于客户区域的x坐标位置,不包括滚动条,就是正文区域。

  offsetx:设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。

  screenX:相对于用户屏幕。

  同时你可以对比下面代码分析

  Click here to show.

以上是关于JavaScript中event的x,clientX,offsetX的区别的主要内容,如果未能解决你的问题,请参考以下文章

使用 OS X JavaScript for Automation (JXA) 收听“开放位置”Apple Event

javascript 代码技巧 —— javascript获取坐标/滚动/宽高/距离

javascript 代码技巧 —— javascript获取坐标/滚动/宽高/距离

如何在 es6 中转换 require("./handlers/event.js")(client)?

浅谈event.clientevent.screen与event.offset

一张图轻松搞懂javascript event对象的clientX,offsetX,screenX,pageX区别