javascript - 如何忽略除一系列快速 Javascript 事件中的最后一个事件之外的所有事件？

Question

由于“changeCursor”事件(我使用的是 ACE 编辑器)，我的一个脚本在某个时候调用了一个函数。当我多次按下它时，这会减慢光标的移动速度。

我真的很想调用这个函数，但如果只在我的光标停止移动时调用它也没关系(即我不需要看到中间状态)。

是否有一种标准方法可以忽略除最后一个事件之外的所有事件？

Answer 1

经典的方法是使用短超时:

var cursorTimer;
function changeCursor() {
    clearTimeout(cursorTimer);
    cursorTimer = setTimeout(function() {
        // process the actual cursor change here
    }, 500);

}

您的常规代码可以在每次更改时继续调用 changeCursor()(就像现在一样)，但 setTimeout() 中的实际代码只会执行当在最后 500 毫秒内没有发生光标更改事件时。您可以根据需要调整该时间值。

知道事件已经停止的唯一方法是等待一小段时间并且没有检测到进一步的移动(这就是它所做的)。滚动事件通常使用类似的逻辑。