Javascript 点击透明图像

我有一个正方形的图像，在透明的背景上描绘一辆汽车。我希望能够单击car，但是当我单击它的透明背景时，我希望单击能够穿过图像并触发底层DOM元素（或者，具体地说，其他图像）

---

这可以通过某种方式实现吗？

不，图像上的单击事件不受图像透明度的控制。单击将始终在图像上触发，如果未停止，则会向父级冒泡

---

图像可以有半透明像素，如果像素的不透明度为61%，那么37%的点击会转到父元素，这当然是不可能的。

您可以在汽车周围绘制一个SVG形状，并将图片放在其中，然后监听形状上的点击事件。

这相当复杂，但是可以通过组合指针事件来实现，以允许

单击

使DOM冒泡（到达

img

父容器），以及顶部的人造画布来检测透明像素（将用作激活事件委派的标志）

指针事件源自SVG模型，以允许跨层的事件委派。请注意，它们当前处于活动状态

相关帖子：

演示：

参考资料：

进一步阅读：

---

仅在图像上附加一个。@lanzz，想法不错，请将其作为答案发布，这样OP（和其他人）可能会从中受益。谢谢你的回答，Eliran。我们将做进一步的研究。