Функция Javascript внутри цикла

Question

У любого есть идея, почему это не работает должным образом? Просто вызывает предупреждения при загрузке страницы.

var div = document.querySelectorAll('.div'); // NodeList of all instances of '.div' 

var eventFunction = function() { 
    alert('ggdf'); 
}; 


for(var i = 0; i < div.length; i++) { // Begin '.div' NodeList loop 

    div[i].addEventListener('click', eventFunction(), false); // Click function on all instances of '.div' 

} // End '.div' NodeList loop 

Answer 1

Ваше выполнение функции при передаче его функции eventListener, вместо этого использовать:

for(var i = 0; i < div.length; i++) { 
    div[i].addEventListener('click', eventFunction, false); //notice no() 
} 

Функции могут быть переданы в качестве аргументов точно так же, как и другие переменные, но при передаче их с () после их вызов функции, а объект/значение, возвращаемое функцией, передается в качестве аргумента.

Кроме того, если вы не добавили класс div все ваши дивы я думаю, вы хотите использовать селектор тегов:

var div = document.querySelectorAll('div'); 

JS скрипку:http://jsfiddle.net/rG3AC/1/

Answer 2

Вы должны связать функцию так что он не срабатывает немедленно.

div[i].addEventListener('click', eventFunction.bind(), false);