Click 事件同时被触发多次

Question

在点击功能中，我有以下代码：

home.addEventListener('click', () => {

       myAPP.mapview.map.layers.items.forEach(item => {
            item.visible = false;
        });
       //........... }

然而，按钮被点击一次后，它似乎不断运行/执行。 我怎么能保证它执行，即“重置”一次，就在按钮或点击功能发生时？

Answer 1

您遇到的问题是多个 dom 元素同时触发同一个 click 事件。 您应该具备以下条件：

home.addEventListener('click', (e) => {
  // to prevent child/parent dom elements from firing the same event.
  if( e.target !== this ) {
    return;
  }
});