Peristiwa klik JavaScript hanya digunakan pada elemen itu sendiri, bukan bekas induknya

Question

Saya mempunyai kod berikut:

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

Saya mahu myFunc dilaksanakan apabila mana-mana bahagian div diklik, tetapi bukan butangnya. Bagaimanakah saya boleh mencapai ini?

Answer 1

Dalam acara klik butang, anda perlu membatalkan penyebaran acara. Atau berhenti "bergelembung".

Lihat https://developer.mozilla.org/en-US/docs/Web/API/Event/stopPropagation

Jadi dalam acara klik butang anda, anda memerlukan sesuatu seperti ini:

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

Secara lalai, acara klik elemen dihantar kepada elemen induknya.