为什么我的事件监听器不起作用？

Question

我一直在到处搜寻，即使找到答案，也无法按照我能理解的术语提供。 我在jsfiddle上玩这些代码，试图了解为什么此点击处理程序不起作用。 如果这是一个无用的帖子，我深表歉意，只是想使这一切有意义。 如果有人知道有关如何呈现javascript代码以及函数如何传递对象等的任何很好的教程，请联系我！ 我已经阅读了有关如何编写函数等的基础知识。但是，对我而言，了解在解析代码时发生的情况是完全不同的。

这是我要开始工作的代码：

http://jsfiddle.net/UumUP/3144/

// Function to change the content of t2  
function modifyText(evt) {  
  var thing = evt.target;
  thing.firstChild.nodeValue = "four";      
}  

// add event listener to t  
var el = document.getElementsByTagName("td");  

for(i = 0; i < el.length; i++) {
  el[i].addEventListener("click", modifyText(evt), false);   
}

Answer 1

您正在调用该函数并传递该调用的结果，而不是传递该函数的引用，而是这样做：

el[i].addEventListener("click", modifyText, false);

http://jsfiddle.net/UumUP/3145/

Answer 2

el[i].addEventListener("click", modifyText(evt), false); 

应该是

el[i].addEventListener("click", modifyText, false); 

检查小提琴