Posting berikut akan menjelaskan bagaimana properti acara penunjuk digunakan dalam kode untuk menonaktifkan tautan dalam dokumen HTML.
Menonaktifkan Tautan Menggunakan CSS
Pustaka CSS digunakan dalam kombinasi dengan bahasa lain seperti HTML. Jadi, jika dokumen HTML memiliki link untuk langsung mengunjungi halaman web lain, properti CSS pointer-events digunakan untuk menonaktifkan link:
pointer-events : tidak ada ;
kursor : bawaan ;
Bagaimana Cara Menggunakan Properti pointer-events dalam Kode?
Pernyataan gaya CSS di mana kita akan menambahkan properti pointer-events untuk menonaktifkan tautan harus merujuk ke kelas yang berisi tautan. Misalnya, jika kita memiliki kelas bernama 'tidak aktif' yang berisi tautan:
< h1 > Nonaktifkan Tautan menggunakan CSS < / h1 >< br >
< B > Tautan: < / B >
< A href = 'https://www.google.com/' kelas = 'tidak aktif' > Klik disini < / A >
Pada kode di atas, link yang dapat diklik memiliki class “not-active” yang akan digunakan untuk mengakses elemen HTML ini.
Kode di atas memang menghasilkan keluaran berikut:
Mengklik tautan mengarahkan pengguna ke mesin pencari google:
Properti pointer-event
- Di dalam elemen gaya CSS, tulis properti acara penunjuk ( pointer-event: tidak ada ) sambil merujuk ke kelas (tidak aktif) yang berisi tautan yang harus dinonaktifkan.
- Atur kursor sebagai salah satu opsi seperti default, none, pointer, dll.
.tidak aktif {
pointer-events : tidak ada ;
kursor : bawaan ;
}
>
Setelah mengeksekusi kode, tidak akan ada perubahan tampilan grafis tautan dari luar, tetapi ketika pengguna mengkliknya, itu tidak akan melakukan apa-apa:
Ini adalah cara termudah untuk menonaktifkan tautan dalam kode menggunakan pernyataan CSS.
Kesimpulan
Tautan yang mengarahkan pengguna ke halaman web lain dapat dengan mudah dinonaktifkan melalui properti 'pointer-events: none' CSS sederhana. Ini tidak memerlukan perubahan apa pun pada logika kode atau kelas tempat tautan dibuat. Diperlukan properti acara penunjuk sederhana dalam elemen gaya yang merujuk ke kelas yang berisi tautan.