Cara Mencegah Penatal Halaman ke Atas pada Pautan JavaScript Klik:
Apabila mencetuskan acara JavaScript daripada elemen terpaut, seperti sauh teg, adalah perkara biasa untuk menghadapi isu halaman melonjak ke atas selepas acara dicetuskan.
Penyelesaian:
Untuk mengelakkan tingkah laku yang tidak diingini ini, anda perlu menyekat tindakan lalai acara klik. Ini boleh dicapai menggunakan dua kaedah:
1. event.preventDefault():
Dengan memanggil kaedah .preventDefault() pada objek acara yang dihantar kepada pengendali acara, anda boleh menghalang tingkah laku lalai menavigasi ke sasaran pautan.
Contoh (jQuery):
<code class="javascript">$('#my-link').click(function(event) { event.preventDefault(); // Your JavaScript code here });</code>
Contoh (DOM):
<code class="javascript">document.getElementById('my-link').addEventListener('click', function(event) { event.preventDefault(); // Your JavaScript code here });</code>
2. return false:
Dalam jQuery, mengembalikan false daripada pengendali acara akan memanggil kedua-dua kaedah .stopPropagation() dan .preventDefault() secara automatik.
Contoh (jQuery):
<code class="javascript">$('#my-link').click(function(event) { // Your JavaScript code here return false; });</code>
Jika menggunakan acara DOM mentah, disyorkan untuk memanggil .preventDefault() secara eksplisit untuk keserasian maksimum dengan penyemak imbas lama. Rujuk dokumentasi tentang event.preventDefault() lwn. return false untuk mendapatkan butiran.
Atas ialah kandungan terperinci Berikut ialah beberapa tajuk berasaskan soalan untuk artikel yang anda sediakan, memfokuskan pada masalah menatal halaman ke atas selepas pautan JavaScript klik: Pendek & Langsung: * Cara Menghentikan Tatal Halaman ke. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!