首页 > 解决方案 > 获取JS中被点击元素的ID

问题描述

我正在尝试建立一个网站,但遇到了一个问题,我有这个带有不同产品的 Bootstrap Carousel,当点击它们时,它们应该重定向到具有该特定产品的页面,所以我正在尝试制作它,但由于每个轮播项目都有不同东西有点难以编写和更改链接。所以我想用这个问题上网,但找不到任何答案,如果有人知道答案,请考虑帮助我....

标签: javascript

解决方案


在处理程序中,使用:

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>

或更短的形式:

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

请注意,“事件”可以是全局变量。


推荐阅读