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
Lepaskan: 2024-10-26 11:32:29
asal
705 orang telah melayarinya

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>
Salin selepas log masuk

Contoh (DOM):

<code class="javascript">document.getElementById('my-link').addEventListener('click', function(event) {
  event.preventDefault();
  // Your JavaScript code here
});</code>
Salin selepas log masuk

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>
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan