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

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/