hujung hadapan web
tutorial js
Contoh kecil menerangkan cara menghalang peristiwa Jquery daripada bubbling_jquery
Contoh kecil menerangkan cara menghalang peristiwa Jquery daripada bubbling_jquery
Apakah acara JS menggelegak?
Cetuskan jenis acara tertentu pada objek (seperti acara onclick Jika objek mentakrifkan pengendali untuk acara ini, maka acara ini akan memanggil pengendali ini jika pengendali acara ini tidak ditakrifkan atau acara itu kembali benar , maka peristiwa ini akan disebarkan ke objek induk objek ini, dari dalam ke luar, sehingga ia diproses (semua peristiwa serupa objek induk akan diaktifkan), atau ia mencapai tahap atas hierarki objek, iaitu, objek dokumen (Sesetengah pelayar adalah tetingkap).
Bagaimana untuk menghentikan acara Jquery daripada menggelegak?
Terangkan dengan contoh kecil
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Porschev---Jquery 事件冒泡</title>
<script src="jquery-1.3.2-vsdoc.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<div id="divOne" onclick="alert('我是最外层');">
<div id="divTwo" onclick="alert('我是中间层！')">
<a id="hr_three" href="http://www.baidu.com" rel="external nofollow" rel="external nofollow" mce_href="http://www.baidu.com" rel="external nofollow" rel="external nofollow" onclick="alert('我是最里层！')">点击我</a>
</div>
</div>
</form>
</body>
</html>
Contohnya, halaman di atas,
Terbahagi kepada tiga lapisan: divOne ialah lapisan luar, divTwo ialah lapisan tengah dan hr_three ialah lapisan paling dalam
Kesemuanya mempunyai peristiwa klik mereka sendiri, dan teg yang paling dalam juga mempunyai atribut href.
Jalankan halaman, klik "Klik saya", dan ia akan muncul: Saya lapisan paling dalam---->Saya lapisan tengah---->Saya lapisan paling luar
---->Kemudian paut ke Baidu.
Ini adalah peristiwa menggelegak Pada asalnya, saya hanya mengklik pada label dengan ID hr_three, tetapi tiga operasi amaran telah dilaksanakan.
Proses menggelegak acara (diwakili oleh ID teg): hr_three----> Berbuih dari lapisan paling dalam ke lapisan paling luar.
Bagaimana untuk menghentikannya?
1.event.stopPropagation();
<script type="text/javascript">
$(function() {
$("#hr_three").click(function(event) {
event.stopPropagation();
});
});
<script>Klik "Klik saya" sekali lagi, ia akan muncul: Saya adalah lapisan paling dalam, dan kemudian paut ke Baidu
2.kembali palsu;
Jika kod berikut ditambahkan pada pengepala
<script type="text/javascript">
$(function() {
$("#hr_three").click(function(event) {
return false;
});
});
<script>
Klik "Klik saya" sekali lagi, dan pop timbul akan muncul: Saya adalah lapisan paling dalam, tetapi pautan ke halaman Baidu tidak akan dilaksanakan
Ia boleh dilihat daripada ini:
1.event.stopPropagation();
Semasa pemprosesan acara, acara menggelegak dihalang, tetapi tingkah laku lalai tidak disekat (ia melaksanakan lompatan hiperpautan)
2.kembali palsu;
Semasa pemprosesan acara, acara menggelegak dihalang dan tingkah laku lalai dihalang (contohnya, ia tidak melaksanakan lompatan hiperpautan sebentar tadi)
Terdapat satu lagi yang berkaitan dengan menggelegak:
3.event.preventDefault();
Jika anda meletakkannya dalam acara klik pada teg pengepala A, klik "Klik saya".
Anda akan mendapati bahawa ia muncul mengikut urutan: Saya adalah lapisan paling dalam---->Saya adalah lapisan tengah---->Saya adalah lapisan paling luar, tetapi pada akhirnya ia tidak melompat ke Baidu
Fungsinya ialah: semasa pemprosesan acara, ia tidak menyekat acara menggelegak, tetapi menyekat kelakuan lalai (ia hanya melaksanakan semua kotak pop timbul, tetapi tidak melaksanakan lompatan hiperpautan)
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
AI Hentai Generator
Menjana ai hentai secara percuma.
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
1377
52
Fahami mekanisme menggelegak acara: Mengapakah klik pada elemen kanak-kanak mempengaruhi acara elemen induk?
Jan 13, 2024 pm 02:55 PM
Memahami peristiwa menggelegak: Mengapakah klik pada elemen kanak-kanak mencetuskan peristiwa pada elemen induk? Peristiwa menggelegak bermaksud bahawa dalam struktur elemen bersarang, apabila elemen anak mencetuskan peristiwa, peristiwa itu akan dihantar ke elemen induk lapisan demi lapisan seperti menggelegak, sehingga elemen induk paling luar. Mekanisme ini membolehkan peristiwa pada elemen kanak-kanak disebarkan ke seluruh pepohon elemen dan mencetuskan semua elemen berkaitan secara bergilir-gilir. Untuk lebih memahami peristiwa menggelegak, mari lihat kod contoh tertentu. Kod HTML: <divid="induk&q
Mengapakah peristiwa menggelegak dicetuskan dua kali?
Feb 22, 2024 am 09:06 AM
Mengapakah peristiwa menggelegak dicetuskan dua kali? Peristiwa menggelegak (Event Bubbling) bermaksud bahawa dalam DOM, apabila elemen mencetuskan acara (seperti acara klik), acara itu akan menggelegak daripada elemen ke elemen induk sehingga ia menggelembung ke objek dokumen peringkat atas. Acara menggelegak ialah sebahagian daripada model acara DOM, yang membolehkan pembangun mengikat pendengar acara kepada elemen induk, supaya apabila elemen anak mencetuskan peristiwa, peristiwa itu boleh ditangkap dan diproses melalui mekanisme menggelegak. Walau bagaimanapun, kadangkala pembangun menghadapi peristiwa yang menggelembung dan mencetuskan dua kali.
Mengapakah peristiwa klik dalam js tidak boleh dilaksanakan berulang kali?
May 07, 2024 pm 06:36 PM
Acara klik dalam JavaScript tidak boleh dilaksanakan berulang kali kerana mekanisme menggelegak acara. Untuk menyelesaikan masalah ini, anda boleh mengambil langkah berikut: Gunakan tangkapan peristiwa: Tentukan pendengar acara untuk dicetuskan sebelum acara berbuih. Menyerahkan acara: Gunakan event.stopPropagation() untuk menghentikan acara menggelegak. Gunakan pemasa: cetuskan pendengar acara sekali lagi selepas beberapa ketika.
Sebab dan penyelesaian untuk kegagalan jQuery .val().
Feb 20, 2024 am 09:06 AM
Tajuk: Sebab dan penyelesaian untuk kegagalan jQuery.val() Dalam pembangunan bahagian hadapan, jQuery sering digunakan untuk mengendalikan elemen DOM Kaedah .val() digunakan secara meluas untuk mendapatkan dan menetapkan nilai elemen bentuk. Walau bagaimanapun, kadangkala kita menghadapi situasi di mana kaedah .val() gagal, mengakibatkan ketidakupayaan untuk mendapatkan atau menetapkan nilai elemen borang dengan betul. Artikel ini akan meneroka punca kegagalan .val(), menyediakan penyelesaian yang sepadan dan melampirkan contoh kod tertentu. 1.Kaedah analisis sebab.val().
Apakah senario yang boleh digunakan untuk pengubah suai peristiwa dalam vue?
May 09, 2024 pm 02:33 PM
Pengubah suai acara Vue.js digunakan untuk menambah gelagat tertentu, termasuk: menghalang gelagat lalai (.prevent) menghentikan acara menggelegak (.stop) acara sekali (.sekali) menangkap acara (.capture) mendengar acara pasif (.pasif) Suai pengubah suai (.self)Pengubah suai kunci (.key)
Acara JS mana yang tidak muncul?
Feb 19, 2024 pm 09:56 PM
Apakah situasi dalam acara JS yang tidak akan timbul? Peristiwa menggelegak (Event Bubbling) bermaksud bahawa selepas peristiwa dicetuskan pada elemen tertentu, peristiwa itu akan dihantar ke atas di sepanjang pepohon DOM bermula dari elemen paling dalam ke elemen paling luar Kaedah penghantaran ini dipanggil acara menggelegak. Walau bagaimanapun, tidak semua acara boleh menggelegak. Terdapat beberapa kes khas di mana acara tidak akan muncul. Artikel ini akan memperkenalkan situasi dalam JavaScript di mana acara tidak akan muncul. 1. Gunakan stopPropagati
Mengapakah mekanisme menggelegak peristiwa mencetuskan dua kali?
Feb 25, 2024 am 09:24 AM
Mengapakah peristiwa menggelegak berlaku dua kali berturut-turut? Peristiwa menggelegak ialah konsep penting dalam pembangunan web Ini bermakna apabila peristiwa dicetuskan dalam elemen HTML bersarang, acara itu akan menggelegak daripada elemen paling dalam kepada elemen paling luar. Proses ini kadangkala boleh menyebabkan kekeliruan Satu masalah biasa ialah peristiwa menggelegak berlaku dua kali berturut-turut. Untuk lebih memahami mengapa peristiwa menggelegak berlaku dua kali berturut-turut, mari kita lihat contoh kod dahulu:
Apakah peristiwa menggelegak? Analisis mendalam tentang mekanisme menggelegak peristiwa
Feb 20, 2024 pm 05:27 PM
Apakah peristiwa menggelegak? Analisis mendalam tentang mekanisme menggelegak acara Acara menggelegak ialah konsep penting dalam pembangunan web, yang mentakrifkan cara acara disampaikan pada halaman. Apabila peristiwa pada elemen dicetuskan, peristiwa itu akan dihantar bermula dari elemen paling dalam dan diteruskan ke luar sehingga ia dihantar ke elemen paling luar. Kaedah penyampaian ini adalah seperti buih yang menggelegak di dalam air, maka ia dipanggil peristiwa menggelegak. Dalam artikel ini, kami akan menganalisis mekanisme peristiwa menggelegak secara mendalam. Prinsip acara menggelegak boleh difahami melalui contoh mudah. Katakan kita mempunyai H
