Siaran berikut akan menerangkan cara sifat acara penunjuk digunakan dalam kod untuk melumpuhkan pautan dalam dokumen HTML.
Melumpuhkan Pautan Menggunakan CSS
Pustaka CSS digunakan dalam kombinasi dengan bahasa lain seperti HTML. Jadi, jika dokumen HTML mempunyai pautan untuk melawati terus mana-mana halaman web lain, sifat CSS pointer-events digunakan untuk melumpuhkan pautan:
penunjuk-peristiwa : tiada ;
kursor : lalai ;
Bagaimana untuk Menggunakan Harta peristiwa penunjuk dalam Kod?
Pernyataan gaya CSS di mana kami akan menambah sifat pointer-events untuk melumpuhkan pautan harus merujuk kepada kelas yang mengandungi pautan. Sebagai contoh, jika kita mempunyai kelas bernama 'tidak aktif' yang mengandungi pautan:
< h1 > Lumpuhkan Pautan menggunakan CSS < / h1 >< br >
< b > Pautan: < / b >
< a href = 'https://www.google.com/' kelas = 'tidak aktif' > Tekan di sini < / a >
Dalam kod di atas, pautan boleh klik mempunyai kelas 'tidak aktif' yang akan digunakan untuk mengakses elemen HTML ini.
Kod di atas menghasilkan output berikut:
Mengklik pautan mengarahkan pengguna ke enjin carian google:
Harta acara penunjuk
- Di dalam elemen gaya CSS, tulis sifat acara penunjuk ( pointer-event: tiada ) sambil merujuk kepada kelas (tidak aktif) yang mengandungi pautan yang sepatutnya dilumpuhkan.
- Tetapkan kursor sebagai mana-mana pilihan seperti lalai, tiada, penunjuk, dsb.
.tidak aktif {
penunjuk-peristiwa : tiada ;
kursor : lalai ;
}
>
Selepas melaksanakan kod, tidak akan ada perubahan dalam paparan grafik pautan dari luar, tetapi apabila pengguna mengkliknya, ia tidak akan melakukan apa-apa:
Ini adalah cara paling mudah untuk melumpuhkan pautan dalam kod menggunakan pernyataan CSS.
Kesimpulan
Pautan yang menghalakan pengguna ke halaman web lain boleh dilumpuhkan dengan mudah melalui ciri CSS 'pointer-events: none'. Ini tidak memerlukan sebarang perubahan kepada logik kod atau kelas di mana pautan telah dibuat. Sifat acara penunjuk mudah dalam elemen gaya merujuk kepada kelas yang mengandungi pautan diperlukan.