Element.getBoundingClientRect()返回的x,y和left,top的区别?

MDN上对Element.getBoundingClientRect()返回值的解释为:
getBoundingClientRect返回值

https://img.mukewang.com/5c7cb08d0001b9d607200296.jpg

看了描述,总觉着x,left指的是一个东西,y,top指的是一个东西。

写了一段测试代码,发现返回的结果和我预期的一样,就是left,x值相同,top,y值相同。

https://img3.mukewang.com/5c7cb0910001a56004970198.jpg

怎么解释呢?是不是说明其实这块设计比较累赘,x,left以及y,top本身就是一样东西。


烙印99
浏览 1380回答 2
2回答

UYOU

可能是因为浏览器兼容性吧,IE 和 Edge 返不包含 x, y 属性

忽然笑

楼上说的挺对的,翻了一下mdn,翻到最后面兼容性 第四条链接描述
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript