來個簡單的事件委託 冒個泡

<div id="oop">
            <a>21</a><br>
            <a>222</a><br>
            <a>4442</a><br>
            <a>255522</a><br>
        </div>
    <script>
      let oop =  document.querySelector('#oop');
      oop.addEventListener('click',fun);
      function fun (e) {
          e = e || window.event;
          if(e.target.tagName.toLowerCase() === 'a') {
              console.log(e.target.innerText);
          }
      }
    //   類似這種的迴圈輸操作子元素的事件，可用事件委託高效能的處理
    </script>


複製程式碼