javascript - Uncaught TypeError: Cannot read property 'target' of undefined - Stack Overflow

admin管理员组

文章数量:1410688

I want to create tabs on pure js and decided to implement it through "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);
}

in the console get : Uncaught TypeError: Cannot read property 'target' of undefined;

Why?

I want to create tabs on pure js and decided to implement it through "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);
}

in the console get : Uncaught TypeError: Cannot read property 'target' of undefined;

Why?

• javascript

Share Improve this question Follow asked Mar 10, 2016 at 11:47 Nikita IvanovNikita Ivanov 3111 gold badge11 silver badge44 bronze badges 1

• 2 where is that loop called? you are immediately invoking clickTabHandler – Daniel A. White Commented Mar 10, 2016 at 11:48

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 3

replace this line

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

by

allTabs[i].onclick = clickTabHandler;

since this and event will be passed to it implicity

本文标签： javascriptUncaught TypeError Cannot read property 39target39 of undefinedStack Overflow