Membatalkan Tindakan Lalai dalam JavaScript
Kadang-kadang dengan menggunakan JavaScript, kita perlu membatalkan tindakan lalai tag. Sebagai contoh, apabila mengklik pautan, batalkan peralihan mengikut pautan tersebut. Biasanya ini diperlukan dalam kes di mana pautan ini kita gunakan hanya untuk menjalankan sebarang kod. Dalam kes ini, peralihan yang berlaku apabila pautan diklik tidak diperlukan sama sekali oleh kita.
Pembatalan tindakan lalai dilakukan
dengan menggunakan objek Event. Untuk ini
ia mempunyai kaedah khas preventDefault(),
yang perlu dipanggil di mana-mana dalam pengendali
peristiwa.
Mari cuba secara praktik. Katakan kita mempunyai pautan seperti ini:
<a href="/" id="elem">pautan</a>
Mari kita buat supaya apabila mengklik pautan tidak berlaku peralihan ke halaman lain:
let elem = document.querySelector('#elem');
elem.addEventListener('click', function(event) {
event.preventDefault();
console.log('Anda tidak boleh pergi ke pautan ini!');
});
Diberikan pautan. Buat supaya apabila diklik pautan, hrefnya ditulis di hujungnya, dan peralihan mengikut pautan tidak berlaku.
Diberikan dua input, perenggan dan pautan. Katakan nombor dimasukkan ke dalam input. Buat supaya apabila mengklik pautan, jumlah nombor yang dimasukkan ditulis ke dalam perenggan.
