javascript - 单击按钮时我得到子元素的事件

Question

我正在尝试获取单击按钮的事件。我的按钮内有一个图像。

<button onClick={this.selectSubject} value="PHYSICS" className="button-blue"><img src={Magnet} />PHYSICS</button>

当我点击按钮时，我得到的事件为

<button value="PHYSICS" class="button-blue"><img src="/static/media/magnet.d8028ed2.svg">PHYSICS</button>

但是当我专门点击图像时，我得到图像标签的事件

<img src="/static/media/magnet.d8028ed2.svg">

它的预期行为应该是我得到按钮元素的事件。为什么会发生这种情况。

Answer 1

看起来您正在使用 event.target 来获取单击的元素。在这种情况下，每次单击时目标都不会是按钮。它始终指的是触发事件的元素。

我建议您使用event.currentTarget，它始终是绑定(bind)到事件的元素。