Question

我已经为此苦苦挣扎了一段时间，并且一直遵循如下文所述的'T'来记录文档： https://www.w3schools.com/js/js_htmldom_eventlistener.asp 但是我仍然遇到错误。我的代码：

let card = document.getElementsByClassName('card');
card.addEventListener('click', cardClicked);

function cardClicked(){

    console.log('clicked');
}

我收到以下错误： card.addEventListener不是函数

必须完全缺少一些基本的编程概念。有人可以帮忙吗？

Answer 1

正确的方法是订阅这样的点击事件：

document.addEventListener("click", function cardClicked(){
    console.log('clicked');
});

无需在此处使用任何查询选择器。

已更新：如果您只想为事件订阅特定的类元素，则可以尝试通过以下方式进行操作：

let cards = document.getElementsByClassName('card');

 Array.from(cards).forEach(function (element) {
     element.addEventListener('click', function cardClicked() {
        console.log('clicked');
     });
 });

如何创建基本的点击事件？

1 个答案: