点击含span标签的button无法获取按钮详情的问题求助

这是事件冒泡机制导致的：

• e.target指向实际触发事件的DOM节点。点击Submit 1时，实际点击的是包裹文本的<span>元素，所以控制台打印的是这个span；点击Submit 2时，直接点击的是button本身，因此target就是button。
• 你真正需要的是绑定了onClick事件的button元素，这时候应该用e.currentTarget——它始终指向绑定事件处理函数的那个DOM节点，不受事件冒泡的影响。

把事件处理函数里的e.target替换成e.currentTarget即可：

const handleSubmitClick = (e) => {
    console.log(e.currentTarget);
};

这样不管点击button内部的span还是button本身，currentTarget都会返回button元素，能正常获取到按钮的name、poll_id等属性。

如果需要同时获取触发元素和绑定元素，也可以同时使用e.target和e.currentTarget，根据实际场景选择即可。

内容的提问来源于stack exchange，提问作者Gosu