javascript - 间隔不会清除/clientX 和/或 clientY 不工作

Question

我正在使用 dat.gui 制作一个简单的绘图程序

我有一个函数，它使用如下设置的间隔每 50 毫秒运行一次:

window.addEventListener("mousedown", function() {
    let run = setInterval(function() {
        // function here
    }, 50)
})
window.addEventListener("mouseup", function() {
    clearInterval(run)
})

那么这有什么问题呢？我也遇到了 clientX 和 clientY 的问题。

我的是这样的:

window.addEventListener("mousedown", function() {
    let run = setInterval(function(event) {
        let x = event.clientX,
          y = event.clientY;
    }, 50)
})

我试过在没有事件作为参数的情况下使用它，但它仍然不起作用。奇怪的是它在这样的实例中工作:

window.addEventListener("mousemove", function() {
    let x = event.clientX,
      y = event.clientY;
}

所以我错过了什么吗？我试过查找这个但没有找到任何东西。我这里也有完整的东西:

http://codepen.io/TheAndersMan/pen/pNZwrN?editors=0011

提前致谢!

Answer 1

window.addEventListener("mousedown", function() {
    let run = setInterval(function() {
        // function here
    }, 50)
})
window.addEventListener("mouseup", function() {
    clearInterval(run)
})

您不能在 mouseup 监听器中使用 run 变量，因为它们是在其他范围内定义的。

您可以将 event 变量传递给间隔:

setInterval(function(){}, 50, event);