Javascript 断点不存在'；不适用于按钮或div元素，但适用于li元素

我是JS新手，正在努力理解项目的代码

参考屏幕截图，我试图将断点放在

按钮

X上，之后它的父元素

div

上，但在这两种情况下，当我单击X按钮时，执行都不会停止。（尝试了断点下的所有3个选项）

它只有在我将断点放在元素

li

时才起作用；选择“删除节点”选项

---

请解释我在这里犯了什么错误？

嗯，当您单击包含该按钮的

或

时，断点不起作用的原因是，单击该按钮后DOM没有更改（除了节点删除上的

外，唯一的断点选项是
子树修改
或
属性修改
）

节点移除上的
在
上起作用的原因是（据我所知，您正在使用的项目）当单击按钮时，您启动一个JS代码块，该代码块将移除所述元素（
）

但是，如果您希望在单击按钮时获得实际添加断点的方法，我建议使用以下方法：


在Chrome开发工具中
转到来源
查看窗口的下半部分，找到事件侦听器断点
查找并展开DOM变异
启用DOMFocusIn
点击你的按钮

警告：这将导致在聚焦元素时（不仅仅是单击按钮）出现断点，并且您可能知道DOM中的某些元素可能会获得
焦点

希望这会有所帮助。
好吧，当您单击包含该按钮的
或
时，断点不起作用的原因是，单击该按钮后DOM没有更改（除了节点删除上的
外，唯一的断点选项是
子树修改
或
属性修改
）

节点移除上的
在
上起作用的原因是（据我所知，您正在使用的项目）当单击按钮时，您启动一个JS代码块，该代码块将移除所述元素（
）

但是，如果您希望在单击按钮时获得实际添加断点的方法，我建议使用以下方法：


在Chrome开发工具中
转到来源
查看窗口的下半部分，找到事件侦听器断点
查找并展开DOM变异
启用DOMFocusIn
点击你的按钮

警告：这将导致在聚焦元素时（不仅仅是单击按钮）出现断点，并且您可能知道DOM中的某些元素可能会获得
焦点

希望这有帮助。
单击“X”图标后，DOM确实会被修改，因为整个li数据id都会被删除。在这种情况下，为什么不“在节点删除时”呢被触发？DOMFocusIn也不起作用，但我需要选择“单击事件”来查看代码的哪一部分正在执行单击“X”图标后，DOM确实会被修改，因为整个li数据id正在被删除。在这种情况下，为什么不“在节点删除时”呢被触发？DOMFocusIn也不起作用，但我需要选择click event来查看代码的哪个部分正在执行