Fetch元素鼠标当前指向启用了chrome dev工具

Question

当我们右键点击＆＃34; Inspect Element＆＃34;我想要获取被选中的元素。通过JavaScript。

因为当我们用＆＃34; Inspect＆＃34;移动鼠标时在模式开启时，所选区域显示在UI＆amp;通过鼠标移动进行修改，我假设它应该可以通过js访问。

一个有效的解决方案是添加＆＃34;鼠标悬停＆＃34;关于所有dom元素的事件＆amp;用它来获取鼠标悬停的当前元素。但是如果chrome dev工具已经做了类似的事情，我想用它来获取元素，而不是将eventlisteners应用于页面上的每个元素。

基本上我想调用

inspect(document.body);

然后动态获取元素鼠标悬停在js上。但我不确定如何访问它或甚至可能。

Answer 1

事件冒出来，所以它只在文档上占用一个事件监听器。 target将是最具体的最具体的。

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

http://jsbin.com/wipinahopi/1/edit?js,console,output