Bagaimanakah Saya Boleh Mencegah Penatalan Halaman Yang Tidak Diingini Apabila Mengklik Pautan JavaScript?

Mencegah Tatal Halaman pada Klik Pautan JavaScript

Apabila halaman web anda mengandungi pautan yang mencetuskan peristiwa JavaScript tetapi turut menavigasi ke halaman baharu, anda mungkin mengalami kesan sampingan yang tidak diingini: halaman menatal ke atas. Tingkah laku ini boleh mengganggu aliran pengguna dan mengganggu kefungsian tapak web anda yang dimaksudkan.

Untuk mengelakkan tingkah laku menatal ini, anda perlu melumpuhkan tindakan lalai yang dikaitkan dengan klik pautan, yang mengubah hala ke URL sasaran. Berikut ialah dua kaedah berkesan untuk mencapai perkara ini:

Pilihan 1: event.preventDefault()

Kaedah ini membolehkan anda menghalang tindakan lalai secara eksplisit dengan memanggil .preventDefault () kaedah objek acara diserahkan kepada pengendali acara anda.

• jQuery:

  <code class="js">$('#ma_link').click(function($e) {
    $e.preventDefault();
    doSomething();
  });</code>

• addEventListener (DOM mentah):

  <code class="js">document.getElementById('#ma_link').addEventListener('click', function (e) {
    e.preventDefault();
    doSomething();
  })</code>

Pilihan 2: return false;

Dalam jQuery, mengembalikan false daripada pengendali acara secara automatik akan menggunakan kedua-dua kaedah .stopPropagation() dan .preventDefault(). Ini menyediakan cara alternatif untuk menghalang tingkah laku pautan lalai:

<code class="js">$('#ma_link').click(function(e) {
     doSomething();
     return false;
});</code>

Jika anda menggunakan peristiwa DOM mentah (bukan jQuery), mengembalikan palsu juga akan berfungsi pada penyemak imbas moden, tetapi untuk keserasian maksimum dengan penyemak imbas lama, adalah disyorkan untuk memanggil secara eksplisit .preventDefault().

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencegah Penatalan Halaman Yang Tidak Diingini Apabila Mengklik Pautan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!