javascript - 使用 Chrome 开发者工具调试 onFocus 事件？断点后无法返回焦点

Question

我正在尝试调试 JavaScript onFocus附加到页面上一堆文本框的事件。选择一个文本框然后跳到下一个文本框时会出现该错误。我试图通过在 onFocus 中放置一个断点来调试它。使用 Chrome 开发者工具的事件。我面临的问题是，当我选择一个文本框并且断点被捕获时，Chrome 开发者工具会窃取焦点并且不会返回它，所以我无法切换到下一个文本框。有人有解决方法的想法吗？我想我可以诉诸警报语句来打印我需要的所有信息，而无需使用 Chrome 开发者工具......

Answer 1

Chrome 开发工具在 Inspector 和网页上都包含一个播放/暂停按钮。使用覆盖可防止焦点落在 Inspector 上。

此外，我发现以下类型的日志记录解决方案比间隔方法更容易跟踪(这要归功于更少的冗余以及能够比间隔更快地发现发生的变化):

$('*').on('focus blur', function(event) {console.log(event.type + " to:"); console.log(document.activeElement);});