搜尋

首頁  >  問答  >  主體

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

我有以下程式碼:

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

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

P粉545682500P粉545682500450 天前513

全部回覆(1)我來回復

  • P粉795311321

    P粉7953113212023-09-07 00:15:30

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

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

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

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

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

    回覆
    0
  • 取消回覆