Javascript 获取JS中已单击元素的ID

我试图建立一个网站，我遇到了一个问题，我有这个引导转盘与不同的产品，当他们被点击时，他们应该重定向到该特定产品的页面，所以我试图使它，但由于每个转盘项目有不同的东西，这是有点难写和更改链接。因此，我想到了这个问题的网上冲浪，但没有找到任何答案，如果有人知道答案，请考虑帮助我……< /P> < P>在处理程序中，使用：

event.target.id

or

this.id

例如：

<img id="product1" src="product1.png" onclick="toProductPage(event)"/>
<script>
   function toProductPage(event){
      location="product.php?id="+event.target.id;
   }
</script>

函数TopProductPage（事件）{
location=“product.php？id=“+event.target.id；
}

或以较短的形式：

    <img id="product1" src="product1.png" onclick="location='product.php?id='+this.id"/>

---

请注意，“事件”可以是一个全局变量。

因此，为了跟踪咳嗽的项目，您必须添加所谓的“事件侦听器”，可以将其想象为要求某人等待并“侦听”某个特定事件的发生，当它发生时，再做一些事情

这就是我们需要设置的，一个事件“监听器”，它等待一个特定的按钮被“点击”，当它们被点击时，做一些事情

要做到这一点，您需要在JavaScripts中引用HTML按钮，一种方法是给元素一个ID，然后该ID可以作为JavaScript中的全局变量直接访问，这样您和这个“事件侦听器”就可以访问特定的按钮，等待它被点击

然后，当它被点击时，我们可以得到我们想要的按钮的所有信息，或者如果JavaScripts可以做的话，我们可以做任何类型的操作

所以

hi.addEventListener（“单击”），函数（事件）{
日志（“单击此按钮！！！”，事件）
})

---

然后检查控制台以了解有关事件的更多信息。显然，如果您在数组中循环并将其添加到每个按钮中，您也可以从具有相同类的按钮数组中添加这些事件侦听器，只需调用。将EventListener添加到每个button对象，您就可以开始了，所有信息和属性都可以从event对象访问，可以是event.target、event.src元素等，只需查看控制台中的所有属性

嘿，我是一个初学者，所以我不太明白你现在的意思…如果你能包含一个代码片段，它会非常有用：-）谢谢@Chong Lip Phang，我发现你的代码片段非常有用。事件是一个全局变量吗？甚至在事件功能之外？嗯。它可以是一个全局变量。有趣的是，我不知道这一点，所以它返回页面中发生的最后一个事件，而不管它附加到了什么？

<Button id="hi"></button>
<Script>
hi.addEventListener("click", function (event) {
    console.log("clicked this button!!! ", event)
})
</Script>