具有两个内联输入,如下所示:

+------------+  +--------------------------+
| ID='inputA'|  |       ID='inputB'        |
+------------+  +--------------------------+

+------------------------------------------+
                    A


如何使用JavaScript获取距离A(以像素为单位)?

我不能只增加它们的宽度,因为中间有一个小的间隙。

谢谢!

最佳答案

如果它们彼此相邻,则应该可以使用.getBoundingClientRect()来获取距离:

const startX = in1.getBoundingClientRect().x;
const endX = in2.getBoundingClientRect().x + in2.getBoundingClientRect().width;

const A = endX - startX

09-20 16:20