Rumah >hujung hadapan web >tutorial js >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

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

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-10-26 11:32:29693semak imbas

Here are some question-based titles for your provided article, focusing on the problem of page scrolling to the top after a JavaScript link click:

Short & Direct:

* How to Stop Page Scrolling to Top on JavaScript Link Click?
* Why Does My Page Jump to T

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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn