chaihongjun.me

clientX,offsetX,screenX一张图即可弄懂

clientX,offsetX,screenX一张图即可弄懂

    从图中可以看出,无论是某某X还是某某Y都是相对鼠标点击的那个点。

screen显示器的意思,所以screenX和screenY则是鼠标点击位置相对距离显示器左边水平距离和顶部距离。

client理解为客户端,也就是咱们使用的浏览器。所以,clientX和clientY,则分别是点击位置相对于浏览器左边水平距离和顶部的距离。

offset可以理解为偏移量,它相对的则是点击位置所在的源元素的位置。

一般情况下,screenX和screenY使用场景较少,几乎没有。clientX和clientY在IE和标准的事件下都有定义,无兼容性担忧。而offset只在IE事件下有定义。


知识共享许可协议本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。作者:chaihongjun»

相关推荐