Javascript如何找到滚动事件的来源

Javascript how to find the source a scroll event

本文关键字:事件 滚动 何找 Javascript      更新时间:2023-09-26

我遇到了一个有趣的错误,我不知道如何调试它。每次在我的网站上加载页面时,都会触发滚动事件。页面不会明显移动,我当然不会通过鼠标或键盘触发滚动。我知道滚动事件正在启动,因为我放入了一行读取的代码

$(window).bind('scroll', function (e) {console.log(e)});

果不其然,在每一页上,我都会在控制台的日志中收到一条"jQuery.Event"的消息。当我中断它时,我的调用堆栈将终止于jQuery.even.dispatch.apply(eventHandle.elem,arguments),这不会给我太多的工作空间。

问题来了。如何找出触发此滚动事件的原因?jquery事件对象中是否有一个属性可以告诉我滚动是由用户触发的还是由脚本触发的?在这种情况下,你会怎么想?

好吧,看起来jQuery将所有事件绑定数据隐藏在一个隐藏属性中。这篇文章描述了一些方法,可以让您至少了解正在运行的内容——您仍然有责任了解处理程序在哪个文件中的位置。

在涉及scroll事件的情况下:

var scrollHandlers = jQuery._data(window, 'events')['scroll'];
for (var i = 0; i < scrollHandlers.length; i++) {
    console.error(scrollHandlers[i].handler);  // or console.debug, whatever proves they exist
}