javascript - 未捕获的类型错误 : Cannot read property 'target' of undefined

Question

我想在纯js上创建标签，决定通过“data-attr”来实现。

var allTabs = document.querySelectorAll('.tab'); //all tabs on page

var clickTabHandler = function (event) {

    var target = event.target;

    var id = target.getAttribute('data-content');

    alert(id);

};

for (var i = 0; i < allTabs.length; i++) {
    allTabs[i].onclick = clickTabHandler(event);
}

在控制台中获取:Uncaught TypeError: Cannot read property 'target' of undefined;

为什么？

Answer 1

替换这一行

allTabs[i].onclick = clickTabHandler(event);

由

allTabs[i].onclick = clickTabHandler;

因为 this 和 event 将隐式传递给它