将事件侦听器添加到动态插入的元素中？

Question

我正在动态插入这个html：

   <div class="outerDiv">
      <div class="innerDivLeft"></div>
      <div class="innerDivRight"></div>
    </div>```

我想向outerDiv添加一个事件监听器。 这就是我尝试过的：

document.body.addEventListener("click", function(e) {
  if (e.target.classList = "outerDiv") {
       console.log("e.target")
  }
});

我的问题是当我点击“outerDiv”时，通常是e.target ===“innerDivLeft”或“innerDivRight”，这意味着事件没有被触发。我怎样才能确保e.target ===“outerDiv”