javascript - 设置鼠标位置值的最小/最大值

Question

我在 mousemove 上有鼠标位置 (x/y)...但我想知道 x/y 位置是否有可能在某个最小值和最大值处停止更改值？

$this.mousemove(function(event) {
    x = event.pageX;
    y = event.pageY;
});

理想情况下，我希望有变量 xmin 和 xmax 以及 ymin 和 ymax 并且只允许返回值在两个最小值和最大值之间(例如，300 和 900 之间)，因此当鼠标移动时，它会记录其位置，但在 300px 和 900px 之外的任何位置都不会更改值。

可能吗？

Answer 1

虽然您无法轻松地使其看起来像鼠标保持在特定范围内，但您可以执行您所要求的操作，即返回真实的 y 位置或您可以返回的最大值。

试试这个代码

$this.mousemove(function(event) {
    x = Math.max(
        Math.min(
            event.pageX, xmax
    ), xmin);
    y = Math.max(
        Math.min(
            event.pageX, ymax
    ), ymin);
});

这个想法是，Math.max 选择最小值或实际位置，以较大者为准。 Math.min 则相反。