如何将事件侦听器添加到按钮元素答案

【问题标题】：How can I add event listener to just button element如何将事件侦听器添加到按钮元素
【发布时间】：2021-03-21 12:57:31
【问题描述】：

这是我的代码。

<button id ="id"><span>fire!</span></button>
<script>
document.getElementById('id').addEventListener('click',e=>{
    console.log(e.target)
}) 
</script>

然后我们可以在 DOM 中找到简单的按钮。单击按钮后，脚本返回

<span>fire<\span>

或

<button id="id"> ...</button>

如何将事件监听器添加到按钮元素？

【问题讨论】：

您是说，如果用户点击 span 文本触发，您不想触发？只有包裹它的按钮？
请解释清楚
@Spangle 是的。唯一的按钮事件

标签： javascript html

【解决方案1】：

这是选项之一...您可以使用currentTarget。

在你的情况下，它会是这样的：

document.getElementById('id').addEventListener('click', e=> {
    console.log(e.currentTarget);
});

&lt;button id ="id"&gt;&lt;span&gt;fire!&lt;/span&gt;&lt;/button&gt;

【讨论】：

对不起新手?
@misohagi，没问题 :)