javascript - Jika elemen induk terikat untuk mengklik, bagaimanakah elemen anak dapat mengelak daripada mencetuskan klik elemen induk tanpa klik yang mengikat?-Soal Jawab Rangkaian PHP Cina

Artikel Topik pembelajaran Muat turun Soal Jawab Kamus Pengaturcaraan Permainan kemas kini terkini

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

javascript - Jika elemen induk terikat untuk mengklik, bagaimanakah elemen anak dapat mengelak daripada mencetuskan klik elemen induk tanpa klik yang mengikat?

扔个三星炸死你 2017-06-12 09:22:56

745

HTML:

JS:

document.getElementById('container').addEventListener('click',function () { document.getElementById('inner').style.display = "none"; });

Apabila saya klik pada elemen kanak-kanak, ia akan hilang. Bagaimana untuk mengelakkan situasi ini? Saya tidak mahu mengikat acara klik pada elemen kanak-kanak juga.

扔个三星炸死你

membalas semua (3)

曾经蜡笔没有小新2017-06-12 09:24:56 Tingkat 3

document.getElementById('container').addEventListener('click',function (e) { document.getElementById('inner').style.display = "none"; e.stopPropagation(); }, true);

ialahaddEventListener传递第三个参数true. Gunakan tangkapan peristiwa.
- https://developer.mozilla.org...
e.stopPropagation()Hentikan penyebaran insiden.
- https://developer.mozilla.org...

Suka+0

Tambah Balasan

仅有的幸福2017-06-12 09:24:56 Tingkat 2

https://jsfiddle.net/g5u7qrrd/6/

document.getElementById('container') .addEventListener('click',function (e) { if (e.target.id !== 'inner') document.getElementById('inner').style.display = "none"; });

Suka+0

Tambah Balasan