JS阻止冒泡事件以及默认事件发生的简单方法
这篇文章主要介绍了JS阻止冒泡事件以及默认事件发生的简单方法,有需要的朋友可以参考一下
如果
是在
里面,那么呢,
有一个onclick事件,
也有onclick事件,为了触发
的点击事件时,不触发父元素的点击事件,那么就需要调用如下函数:
function stopBubble(e){ if(e&&e.stopPropagation){//非IE e.stopPropagation(); } else{//IE window.event.cancelBubble=true; } }
如果要阻止默认事件的触发,即默认的href事件,那么就需要调用如下函数:
function stopDefault( e ) { //阻止默认浏览器动作(W3C) if ( e && e.preventDefault ) e.preventDefault(); //IE中阻止函数器默认动作的方式 else window.event.returnValue = false; return false; }
以上就是本章的全部内容,更多相关教程请访问JavaScript视频教程!

Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas



Apakah arahan yang biasa digunakan untuk mengelakkan peristiwa menggelegak? Dalam pembangunan web, kami sering menghadapi situasi di mana kami perlu mengendalikan acara menggelegak. Apabila peristiwa dicetuskan pada elemen, seperti peristiwa klik, elemen induknya juga akan mencetuskan peristiwa yang sama. Tingkah laku penyampaian acara ini dipanggil acara menggelegak. Kadangkala, kami ingin menghalang acara daripada menggelegak, supaya acara itu hanya menyala pada elemen semasa dan menghalangnya daripada dihantar kepada elemen unggul. Untuk mencapai matlamat ini, kita boleh menggunakan beberapa arahan biasa yang menghalang peristiwa menggelegak. acara.stopPropa

Peristiwa yang tidak boleh gelembung ialah: 1. acara fokus; 3. acara tatal; ; 9. Acara DOMContentLoaded;

Acara menggelegak (BubblingEvent) merujuk kepada kaedah penghantaran acara yang dicetuskan langkah demi langkah daripada elemen anak kepada elemen induk dalam pepohon DOM. Dalam kebanyakan kes, peristiwa menggelegak adalah sangat fleksibel dan berskala, tetapi terdapat beberapa kes khas di mana peristiwa tidak menyokong menggelegak. 1. Peristiwa yang manakah tidak menyokong menggelegak? Walaupun kebanyakan acara menyokong menggelegak, terdapat beberapa acara yang tidak menyokong menggelegak. Berikut ialah beberapa peristiwa biasa yang tidak menyokong menggelegak: fokus dan kaburkan acara memuatkan dan melepaskan

Peristiwa menggelegak bermakna bahawa dalam pembangunan web, apabila peristiwa dicetuskan pada elemen, peristiwa itu akan merebak ke elemen atas sehingga mencapai elemen akar dokumen. Kaedah penyebaran ini adalah seperti gelembung yang beransur-ansur naik dari bawah, jadi ia dipanggil peristiwa menggelegak. Dalam perkembangan sebenar, mengetahui dan memahami cara acara menggelegak berfungsi adalah sangat penting untuk mengendalikan acara dengan betul. Berikut akan memperkenalkan konsep dan penggunaan peristiwa menggelegak secara terperinci melalui contoh kod tertentu. Mula-mula, kami mencipta halaman HTML ringkas dengan elemen induk dan tiga anak

Arahan untuk mengelakkan peristiwa menggelegak termasuk stopPropagation(), cancelBubble attribute, event.stopPropagation(), event.cancelBubble attribute, event.stopImmediatePropagation(), dsb. Pengenalan terperinci: 1. stopPropagation() ialah salah satu arahan yang paling biasa digunakan, digunakan untuk menghentikan penyebaran peristiwa. Apabila peristiwa dicetuskan, memanggil kaedah ini boleh menghalang acara daripada berterusan, dsb.

Mengapakah peristiwa tidak timbul dalam beberapa kes? Peristiwa menggelegak bermakna apabila peristiwa pada elemen dicetuskan, peristiwa itu akan merambat ke atas bermula dari elemen paling dalam sehingga ia dihantar ke elemen paling luar. Tetapi dalam beberapa kes, acara tidak boleh menggelembung, iaitu, acara hanya akan diproses pada elemen yang dicetuskan dan tidak akan dihantar kepada elemen lain. Artikel ini akan memperkenalkan beberapa situasi biasa, membincangkan sebab peristiwa gagal menggelegak dan memberikan contoh kod khusus. Gunakan corak tangkapan acara: Tangkapan acara ialah satu lagi cara penyampaian acara, berbanding acara menggelegak.

Peristiwa menggelegak biasa dalam JavaScript: Untuk menguasai ciri menggelegak acara biasa, contoh kod khusus diperlukan Pengenalan: Dalam JavaScript, acara menggelegak bermakna peristiwa itu akan merambat dari elemen dengan tahap bersarang paling dalam ke elemen luar sehingga ia merambat ke. Unsur induk paling luar. Memahami dan menguasai acara menggelegak biasa boleh membantu kami mengendalikan interaksi pengguna dan pengendalian acara dengan lebih baik. Artikel ini akan memperkenalkan beberapa peristiwa menggelegak biasa dan memberikan contoh kod khusus untuk membantu pembaca memahami dengan lebih baik. 1. Klik acara (klik

Untuk memahami peranan acara menggelegak dan meningkatkan kemahiran sosial peribadi, contoh kod khusus diperlukan Pengenalan: Dalam era media sosial yang maju hari ini, kemahiran sosial peribadi menjadi semakin penting. Peningkatan kemahiran sosial bukan sahaja untuk berkawan, tetapi juga untuk berkomunikasi dengan orang lain, menyesuaikan diri dengan masyarakat dan mencapai perkembangan peribadi. Walau bagaimanapun, ramai orang sering berasa terharu apabila berhadapan dengan orang yang tidak dikenali atau dalam situasi awam, dan tidak tahu bagaimana untuk menjalinkan hubungan dengan orang ramai. Artikel ini akan memperkenalkan peranan acara menggelegak secara terperinci dan menyediakan contoh kod khusus untuk membantu pembaca mempelajari dan menguasai kemahiran sosial serta meningkatkan kemahiran sosial peribadi.
