Bagaimana untuk Menghalang Pengendali Acara Ibu Bapa daripada Melaksanakan dengan Klik Elemen Kanak-kanak dalam jQuery?

Menghalang Pelaksanaan Pengendali Acara Induk

Dalam struktur HTML yang diberikan, mengklik mana-mana elemen div mencetuskan pengendali klik div induknya, membawa kepada tingkah laku yang tidak diingini. Untuk mengelakkan ini, kami boleh melumpuhkan penyebaran acara klik menggunakan jQuery.

<div>

function func() {
   if ($(childId).hasClass("visible")){
    $(childId).removeClass("visible");
    $(childId).addClass("invisible");
}

Untuk melumpuhkan penyebaran acara klik, tambah pengendali acara pada elemen anak yang memanggil kaedah stopPropagation():

function handler(event) {
    event.stopPropagation();
    // Custom code to execute for the child's click event
}

$('#a').add('#b').click(handler);

Dengan menghalang penyebaran peristiwa, klik pada elemen anak ('#b') tidak lagi akan mencetuskan induk pengendali klik elemen ('#a'). Begitu juga, klik pada unsur keturunan ('#c') tidak akan disebarkan kepada kedua-dua unsur induk ('#b' dan '#a').

Atas ialah kandungan terperinci Bagaimana untuk Menghalang Pengendali Acara Ibu Bapa daripada Melaksanakan dengan Klik Elemen Kanak-kanak dalam jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!