Bagaimana untuk Menghalang Penatal Halaman ke Atas Selepas Klik Pautan Dicetuskan JavaScript?

Cara Mencegah Penatal Halaman ke Atas pada Klik Pautan Dicetuskan JavaScript

Banyak pembangun menghadapi masalah di mana halaman web menatal ke atas apabila pautan diklik yang mengaktifkan JavaScript. Ini boleh mengecewakan jika tindakan yang diingini adalah untuk melakukan operasi bukan navigasi.

Untuk menyelesaikannya, anda perlu menghalang tindakan lalai acara klik (menavigasi ke sasaran pautan) daripada berlaku. Terdapat dua kaedah biasa untuk mencapai ini:

Pilihan 1: event.preventDefault()

Dalam pendekatan ini, anda memanggil kaedah .preventDefault() bagi acara tersebut objek diserahkan kepada pengendali acara anda. Ini menghentikan tingkah laku navigasi asli penyemak imbas. Berikut ialah contoh menggunakan jQuery:

<code class="javascript">$('#ma_link').click(function($e) {
    $e.preventDefault();
    // Perform your JavaScript action here
});</code>

Pilihan 2: return false

Sebagai alternatif, mengembalikan false daripada pengendali acara jQuery secara automatik mencetuskan kedua-dua event.stopPropagation() dan event.preventDefault(). Ini menghalang kedua-dua penyebaran dan navigasi lalai:

<code class="javascript">$('#ma_link').click(function(e) {
     // Perform your JavaScript action here
     return false;
});</code>

Untuk acara DOM bukan jQuery, anda juga boleh menggunakan pendekatan ini pada penyemak imbas moden, kerana ia adalah sebahagian daripada spesifikasi HTML 5. Walau bagaimanapun, untuk penyemak imbas yang lebih lama, adalah disyorkan untuk memanggil .preventDefault() secara eksplisit untuk keserasian maksimum.

Atas ialah kandungan terperinci Bagaimana untuk Menghalang Penatal Halaman ke Atas Selepas Klik Pautan Dicetuskan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!