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

Question

这是我的代码。

<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>

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

Answer 1

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

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

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

<button id ="id"><span>fire!</span></button>