如何保存pointerover事件的结果以便使用DevTool进行调试



我有一个元素将侦听pointerover事件。当它被类似鼠标的指针悬停时,它将显示一个工具提示。

我正在尝试调试它,但当我将鼠标从该元素移开并尝试单击DevTool中的DOM树时,pointerout事件会触发并清除结果,这使得调试变得非常困难。当我使用DevTool时,是否可以保持特定事件的状态?

使用;模拟聚焦页面";选项。以下是

  1. 关注元素
  2. 在DevTools中,通过3-dot>打开Rendering选项卡;更多选项>渲染,然后选中并取消选中"渲染";模拟聚焦页面">

我们在官方视频和文档中解释:

  • 视频:https://youtu.be/2baY3JpCxpo?t=158
  • 链接:https://developer.chrome.com/docs/devtools/rendering/apply-effects/#emulate-a焦点页面

最新更新