横向滚动事件每滚动10px触发一次 如何获取到最后一次触发时的数据

可以使用防抖函数来实现获取到最后一次触发时的数据。

具体的实现思路如下：

1. 定义一个变量 lastEvent，用来存储最后一次触发事件的数据。

2. 定义防抖函数 debounce，将事件处理函数封装在内部实现防抖功能。当事件触发时，将事件的数据存储在 lastEvent 变量中，并使用 setTimeout 延迟一定时间执行事件处理函数。

3. 当下一次事件触发时，清除上一次的 setTimeout 定时器，重新设置一个新的定时器，并将事件的数据存储在 lastEvent 变量中。

4. 在需要获取最后一次触发事件的数据时，直接返回 lastEvent 变量的值即可。

下面是一个示例代码：

let lastEvent = null;

function debounce(fn, delay) {
  let timer = null;
  return function(...args) {
    if (timer) {
      clearTimeout(timer);
    }
    timer = setTimeout(() => {
      fn.apply(this, args);
      lastEvent = args[0]; // 存储最后一次事件的数据
    }, delay);
  };
}

function handleScroll(event) {
  // 处理滚动事件
}

const debouncedHandleScroll = debounce(handleScroll, 100);

// 监听横向滚动事件
element.addEventListener('scroll', debouncedHandleScroll);

// 获取最后一次触发事件的数据
console.log(lastEvent);