Javascript 在RTL情况下，MouseeEvent的clientx值会发生什么变化？

假设一个绿色的

div

嵌套在另一个红色的

div

中

让我们假设下图中绿色框中间的鼠标事件

值为

clientX

30（红色框宽度为100）

在RTL情况下，标记将按如下方式显示

与正常情况下的

transform:translateX（pos）

相反，使用

transform:translateX（-pos）

将绿色框放置到新位置

---

clientX

是否仍带有30的值？

即使在从右到左模式下，从左上方开始与（0，0）协调

我想你最好在提问之前，写一个简短的代码，自己测试一下

在从右向左模式下，

document.querySelector（“#内部”）.addEventListener（“单击”，e=>console.log（e.clientX））
#外部{
宽度：100px；
边框：1px纯红；
}
#内在的{
宽度：30px；
边框：1px纯绿色；
高度：100px；
}