Bagaimana untuk Menghalang Halaman Tatal ke Atas Apabila Mengklik Pautan JavaScript?

Menghalang Halaman Tatal ke Atas Apabila Mengklik Pautan Dicetuskan JavaScript

Apabila mengklik pautan yang dikaitkan dengan acara JavaScript, seperti:

<a href="#">My Link</a>

halaman mungkin menatal ke atas secara tidak sengaja. Untuk mengelakkan tingkah laku ini sambil mengekalkan kefungsian pautan, pertimbangkan penyelesaian berikut:

Pilihan 1: event.preventDefault()

Gunakan kaedah .preventDefault() objek acara untuk menghalang penyemak imbas daripada melakukan tindakan lalainya menavigasi ke pautan.

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

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

Pilihan 2: return false;

Dalam jQuery, mengembalikan false daripada acara pengendali secara automatik memanggil event.stopPropagation() dan event.preventDefault().

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

Untuk lebih banyak keserasian penyemak imbas, panggil .preventDefault() secara eksplisit apabila menggunakan acara DOM mentah.

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