收集 scroll 事件

广告位招租
扫码页面底部二维码联系

scroll 事件是不支持冒泡的,那么怎【原创不易,请尊重版权】本文版权归作者所有,未经授权不得转载。么收集呢?当然是在捕获阶段进行收集了。

本文版权归作者所有,未经授权不得转载。【作者:唐霜】【版权所有】唐霜 www.tangshuang.net本文作者:唐霜,转载请注明出处。
document.addEventListener('scroll', (e) => {
  const target = e.target
  const isTop = Object.getPrototypeOf(target).constructor.name === 'HTMLDocument'
  const scrollLeft = isTop ? window.scrollX : target.scrollLeft
  const scrollTop = isTop ? window.scrollY : target.scrollTop
  console.log({ target, scrollLeft, scrollTop })
}, true)

这样就可以通过兼容方式收集到滚动事件的信【版权所有】唐霜 www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】息了。

未经授权,禁止复制转载。原创内容,盗版必究。【访问 www.tangshuang.net 获取更多精彩内容】转载请注明出处:www.tangshuang.net

2019-08-12 2475

为价值买单,打赏一杯咖啡

本文价值24.75RMB