JS不知道事件在哪里被阻止冒泡(stopPropagation)了,如何调试?

chend
  • 85

比如说下面这段代码

<div id="a">
  <div id="b">
    <div id="c">
      <div id="d">
      </div>
    </div>
  </div>
</div>

点击div#d,然后div#a没收到事件,不用说肯定是有个节点阻止冒泡了。但问题是我找不到这个节点。

  • 如果是自己写的可能找一找代码就找到了,但维护别人代码的时候,对代码不是很熟悉
  • 用 Ctrl-F 全局搜 stopPropagation 也不太靠谱吧,而且使用一些框架的话 API 用法不一样这样也搜不到

比如说我可以用 target.dispatchEvent(new MouseEvent('click', { bubbles: true })) 来模拟鼠标点击。但我不知道怎么追查这个事件在哪里被 stopPropagation() 了。

回复
阅读 901
1 个回答
✓ 已被采纳

用chrome断点调试可以找到

image.png

选中click

然后点击#d 进入断点

shift+F11 跳转

进入的最后一个函数即是写了stopPropagation的函数

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏