javascript - 获取JS中被点击元素的ID
问题描述
我正在尝试建立一个网站,但遇到了一个问题,我有这个带有不同产品的 Bootstrap Carousel,当点击它们时,它们应该重定向到具有该特定产品的页面,所以我正在尝试制作它,但由于每个轮播项目都有不同东西有点难以编写和更改链接。所以我想用这个问题上网,但找不到任何答案,如果有人知道答案,请考虑帮助我....
解决方案
在处理程序中,使用:
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"/>
请注意,“事件”可以是全局变量。
推荐阅读
- powershell - Sqlite .dump 处理 utf8 字符的方式与手动运行命令时不同
- amazon-s3 - 在“应用程序用户”上下文中使用 s3 策略变量
- .net - 创建自定义文本框以添加到工具箱并在表单中使用
- python - 我可以在没有库的情况下将 MIDI 转换为 WAV 吗?
- json - Scala 编辑 Json 对象并写入新的 Json 对象
- amazon-s3 - 如何在 javascript aws-sdk v3 中使用自定义凭据提供程序?
- vba - 何时以及为何需要使用 PtrSafe
- laravel - Mockery Partials 仍然接收 Laravel 中的所有方法
- visual-studio-code - 如何在 Visual Studio Code 中显示工具提示提示已禁用?
- sql - SQL:计算有多少以 a、b 等开头