javascript - 制作事件的标签目标，而不是 img

Question

这可能是 javascript 101，但我想不出解决方案。考虑 following fiddle

我的js使用类.show-modal在a标签上设置点击事件

然而我的控制台日志显示事件目标实际上是 img 标签。出于各种原因，我需要将事件目标设为 a 标签。

有两件事对我提出了挑战:

1. 我成功将事件目标设为 a 标签的唯一方法是将 img 标签与它分开(即使其成为 a 标签的同级标签，不再是子标签)并且然后设置标签 position: absolute，在 img 上给它尺寸和位置。我认为这种方法一定是最不可取的，但我还能如何实现我的目标？

2. 真正让我感到困惑的是事件目标与我附加点击事件的元素有何不同？他们不应该是一样的吗？如果它们应该相同，那么如果接收点击事件的元素不是我附加点击事件的元素，我的函数将如何被调用？

Answer 1

使用

e.currentTarget -- 给出绑定(bind)事件的元素。 (也可以使用this)

e.target -- 给出触发事件的元素。

Check Fiddle

这里的问题是你的图像几乎完全占据了 anchor 。所以 anchor 标签永远不会是 e.target ..

查看高度不同的示例。

Check Fiddle