我可以制作一个javascript来告诉点击的DOM的ID吗？

【问题标题】：Can i make a javascript to tell the id of clicked DOM?我可以制作一个javascript来告诉点击的DOM的ID吗？
【发布时间】：2022-08-05 14:51:07
【问题描述】：

我是 JS 的初学者（完全惊讶，也搞砸了 hhh）
在基于 chrome 的浏览器上使用，我想编写一个代码来告诉我 DOM 的“id”，
当元素被“点击”时。我想在任何现有网站上使用它。

这可能意味着（在我短暂的想象中）......
在我的网络浏览器上加载某个网站后，我会弹出 JS 控制台行（ctrl+shift+j），
我将复制粘贴此代码并运行回车。（通过此代码，可能会加载单击事件侦听器。）
然后我将点击目标元素。
所以，我希望脚本告诉我点击元素的“id”，并且事件监听器会消失。

我想知道……这可能吗？
如果可能的话，请给我一些关键字来搜索和学习。
谢谢你读到这里。我的问题可能有点傻。 ;;;

window.event.target.id 在你的事件监听器中

标签： javascript dom bookmarklet

【解决方案1】：

您可以尝试使用此脚本：

window.onclick = event => {
  console.log(e.target.id);
};

当您单击某处时，这将触发一个事件。然后它将获取您单击的任何内容的 id 并将其记录到控制台。

如果你想让事件监听器消失，你可以在它运行后清除它。

window.onclick = event => {
  console.log(event.target.id);
  window.onclick = null;
};

window.onclick = event => {
  console.log(event.target.id);
  window.onclick = null;
};

.item {
  width: 60px;
  height: 60px;
  background: red;
  margin: 10px;
}

<div id="1" class="item"></div>
<div id="2" class="item"></div>
<div id="3" class="item"></div>
<div id="4" class="item"></div>
<div id="5" class="item"></div>

【讨论】：