我无法理解网上的例子是如何工作的。页面上有几个带有文本的 div(假设有 3 个)。我希望当您点击每个按钮时显示每个按钮的点击次数。我不会为每个 div 附加一个处理程序。该脚本已经有一个点击计数器。我不知道如何将 event.target 值传递给计数器。
const widjet = document.getElementsByClassName('widjet')[0]
const wrapper = document.querySelector('.widjet__wrapper');
function test(elem) {
let num = 1;
return function() {
num++;
elem.textContent = String(num);
}
}
wrapper.addEventListener('click', (event) => {
let target = event.target;
test(target);
})
<div class="widjet__wrapper">
<div class="widjet">0</div>
<div class="widjet">0</div>
<div class="widjet">0</div>
</div>
- 电路上的计数器单独工作
- 单独地, event.target 可以工作
我似乎无法让他们成为朋友。
它需要协同工作,以便当您单击每个 html 元素时,其文本包含其计数器。