我试图检查CSS属性从输入到表格单元格。输入在点击时出现,在失去焦点时消失,就像我试图检查它一样。 当我移动到另一个窗口(检查器)时,我如何做到不失去焦点?


当前回答

我有一个更快的解决办法,因为我不太擅长使用工具,这是我所做的。

event.originalEvent.preventDefault();
event.originalEvent.stopImmediatePropagation();
event.originalEvent.stopPropagation();

其他回答

在Chrome浏览器中,打开开发人员工具,然后选择元素选项卡 打开你想要检查的元素的父节点的上下文菜单,在上下文菜单中单击>子树修改上的Break。

之后,你只需要点击页面,你就会进入检查器,而不会失去焦点或失去你想要检查的元素。

我有一个更快的解决办法,因为我不太擅长使用工具,这是我所做的。

event.originalEvent.preventDefault();
event.originalEvent.stopImmediatePropagation();
event.originalEvent.stopPropagation();

在Chrome的开发人员工具页面上测试的页面…点击选项菜单,打开设置选项…在DevTools下启用“模拟焦点页面”

然后在测试页面中显示元素。这可以让我的弹出式搜索结果集中在屏幕上,这样我就可以使用它。

我遇到了一个非常困难的情况,这里没有答案(我没有验证改变容器的答案,这是我的主体,或原始事件,因为我不知道)。我终于找到了一个解决办法,通过控制事件监听断点在Chrome检查器。也许这也是一种跨浏览器的方式打破复杂的情况下,甚至F8或右键单击鼠标隐藏弹出再次:

如果你打开Chrome DevTools,然后使用键盘快捷键触发元素检查器,它应该可以解决这个问题。

Mac: Cmd+Opt+J,然后Cmd+Opt+C

Windows:先按Ctrl+Shift+J,再按Ctrl+Shift+C

[