如何在使用javascript添加addEventListener后正确获取单击的元素？

我正在尝试使用JavaScript创建一个类似计算器的屏幕。我使用以下HTML模板创建了数字键盘按钮

<button type="button" class="calulator_button" data-default-value="{NUMBER_VALUE}">
    <div class="card-body pl-0 pr-0">
        <p class="card-text display-4">{NUMBER_VALUE}</p>
    </div>
</button>

«
C
1
2
3
4
5
6
7
8
9
00
0

您需要使用属性，而不是

target

。对链接MDN文章的介绍解释了差异，以及为什么在本例中您希望

currentTarget

比我更好。

使用时，它将引用引发事件的按钮元素：

var valueToAppend=this.dataset.defaultValue（用于获取
数据-
属性）。