Chrome开发工具：暂时关闭事件

我有复杂的SPA与组件，点击时会执行一些DOM操作。Chrome开发工具：暂时关闭事件

如何在不引发任何事件（在操作前查看DOM）的情况下使用Chrome开发工具（默认情况下为Ctrl + Shift + C）检查此组件的DOM？

2016-05-31 Утка Учится Укрываться

开发人员控制台的右侧提供了更多控件。您可以单击想要的DOM元素，然后选择“事件监听器”来跟踪元素的事件监听器中的构建（不添加任何监听器），或者添加DOM断点（通过右键单击元素并选择何时中断）并使用DOM Breakpoints选项（在右侧菜单上）。希望这可以帮助

来源

2016-05-31 12:29:04

我看到了，但我无法实现3件事： 1.如何选择元素_before_引发任何事件？在没有ctrl + shift + c的情况下手动在dom中查找元素当您的dom结构很长且非常复杂时，会非常棘手。 2.我不想_remove_事件，我想暂时停止它_before_他们的工作。 3.我想停止_all_事件。不是手动1 1.可能吗？ –

DOM断点可以是有用的，但是我可以防止处理程序的所有代码执行，而不仅仅是DOM操作？我认为dom断点对我来说已经足够了，但反正它不是很舒适。 –

1.打开元素检查器CTRL + F搜索DOM元素，然后刷新浏览器。这应该会在事件发生之前为您提供元素。 2.断点将停止执行，所以理想情况下应该将断点设置为元素事件执行之前。 3.检查'stopPropagation'和'preventDefault'是否对你有帮助 –

Chrome开发工具：暂时关闭事件

回答

相关问题