Fetch元素鼠标当前指向的Chrome开发工具已启用

Fetch element mouse is currently pointing to with Chrome developer tools enabled

本文关键字：Chrome 开发工具 启用 元素 鼠标 Fetch      更新时间：2024-02-20

我想获取当我们右键单击"时被选中的元素；检查元件"；通过Javascript。

自从我们用"；检查"；模式打开时，所选区域显示在UI上的同一网页中，并通过鼠标移动进行修改，我假设它应该可以通过js访问。

一个可行的解决方案是在所有DOM元素上添加CCD_ 1事件&使用它来获取鼠标悬停的当前元素。但如果Chrome开发工具已经在做类似的事情，我想使用它来获得元素，而不是将eventlisteners应用于页面上的每个元素。

基本上我想打电话给：

inspect(document.body);

然后通过js动态获取鼠标悬停的元素。但我不知道如何访问它，甚至不知道它是否可能。

事件会弹出，因此文档上只需要一个事件侦听器。target将是最具体的，并朝着最不具体的方向发展。

document.body.addEventListener('click', function(e) {
  console.log(e.target.id);
})

http://jsbin.com/wipinahopi/1/edit?js，控制台，输出

相关文章：