JavaScript點擊事件僅適用於元素本身，而非其父容器

Question

我有以下程式碼：

<div onclick="myFunc()" style="height:200px;width:200px;">
  <button></button>
</div>

我希望當點擊 div 上的任何地方時，執行 myFunc，但不包括按鈕。我該如何實現？

Answer 1

在按鈕的點擊事件中，你需要取消事件傳播。或停止「冒泡」。

請參閱 https://developer.mozilla.org/en-US/docs/Web/API/Event/stopPropagation

所以在你的按鈕的點擊事件中，你需要像這樣：

function button_click(event) {
    event.stopPropagation();
    console.log("按钮被点击了。");
  }

預設情況下，元素的點擊事件會傳遞給它的父元素。