onmousemove事件如何限制頻率

要限制onmousemove事件的頻率，可以使用節(jié)流（throttle）或者防抖（debounce）的方法。

1. 節(jié)流（throttle）：在一定時間間隔內(nèi)只執(zhí)行一次事件處理函數(shù)?？梢允褂靡粋€定時器來控制事件處理函數(shù)的執(zhí)行頻率，例如設(shè)置一個定時器，在事件觸發(fā)后延遲一定時間執(zhí)行事件處理函數(shù)，然后清除定時器。這樣可以確保事件處理函數(shù)最多只執(zhí)行一次。

let throttleTimer = null;
element.onmousemove = function(event) {
  if (!throttleTimer) {
    throttleTimer = setTimeout(function() {
      // 執(zhí)行事件處理函數(shù)
      throttleTimer = null;
    }, 100); // 設(shè)置時間間隔為100ms
  }
};

2. 防抖（debounce）：在事件觸發(fā)后等待一段時間再執(zhí)行事件處理函數(shù)，如果在等待時間內(nèi)再次觸發(fā)事件，則重新等待一段時間?？梢允褂靡粋€定時器和清除定時器的方法來實現(xiàn)。

let debounceTimer = null;
element.onmousemove = function(event) {
  clearTimeout(debounceTimer);
  debounceTimer = setTimeout(function() {
    // 執(zhí)行事件處理函數(shù)
  }, 100); // 設(shè)置等待時間為100ms
};

這兩種方法可以根據(jù)實際需求選擇使用，節(jié)流適合在一定時間間隔內(nèi)執(zhí)行事件處理函數(shù)，而防抖適合在事件觸發(fā)后等待一段時間再執(zhí)行事件處理函數(shù)。