Javascript 如何仅在正文中添加EventListener?

Javascript 如何仅在正文中添加EventListener?,javascript,Javascript,下面的代码将在主体内的每个元素上调用该函数。但我只想要身体元素 const bodyElement = document.querySelector("body"); bodyElement.addEventListener("click", function() { console.log("hello"); }); 事件处理程序的第一个参数将是 它有一个按钮,可以告诉您单击的元素 将其与bodyElement进行比较,尝试使用以下方法: e.stopPropagation() 如果

下面的代码将在主体内的每个元素上调用该函数。但我只想要身体元素

const bodyElement = document.querySelector("body");

bodyElement.addEventListener("click", function() {
  console.log("hello");
});

事件处理程序的第一个参数将是

它有一个按钮,可以告诉您单击的元素

将其与
bodyElement

进行比较,尝试使用以下方法:

e.stopPropagation()

如果我理解正确,您只想对一个元素使用它,所以…

每个元素都位于主体内部,这就是为什么会发生这种情况。那么预期的行为是什么呢?“我只想[调用函数]body元素”。因此,需要为每一个其他元素添加
stopPropagation
,这似乎不太有效。有关示例,请参阅和。