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;
  }
});