javascript - 当我没有点击该项目时，为什么 JavaScript 会执行 "click"事件？

Question

我使用 JS 在 DOM 对象上添加了 eventListener，但是一旦页面加载并且它没有，此监听器就会触发当我点击这个项目时，感觉。

这是我的代码，我将 eventListener 添加到项目中:

 let table = document.getElementById('data_table' + deal);
 for (let r = 0, n = table.rows.length; r < n; r++) {
     table.rows[r].cells[2].addEventListener("click", logThis(this));
 }

我的函数应该在项目单击时执行，如下所示:

 function logThis(me) {
     console.log(me);
 }

当浏览器渲染页面时，点击会自行执行，无需我的干预。如果这里有人知道为什么会发生这种情况，请写下答案。

编辑

当我点击表格单元格时，没有任何反应

Answer 1

在这里添加我的评论作为答案，以帮助其他初学者解决这个问题。在这里你混合了 addEventListener签名以及添加方式onclick HTML 中的处理程序。

当您使用 JS 附加事件监听器时，您不必调用该函数(即无需使用括号)。所以你的代码将是这样的: table.rows[r].cells[2].addEventListener("click", logThis);

当您从 HTML 附加事件处理程序时，您将执行以下操作: <td onclick="logThis()">Click me</td>这里您需要通过函数调用传递字符串。