javascript - 如何检查事件clientx，clienty是否存在于getBoundingClientRect中？

Question

我有一个来自 mouseup 事件的 xy 对象，我想知道 xy 是否存在于视口中元素的 boundingClientRect 中。我能够从 getBoundingClientRect 方法获取元素的左、右、上、下值。我想知道 xy 是否在元素 rect 内。

Answer 1

听起来您在谈论鼠标事件的clientX和clientY属性。如果这是正确的，那么点和矩形是相对于同一个坐标区域的，以下是正确的：

如果x介于left和right和y之间bottom，top则点在框中。