Dalam penulisan ini, kami akan menghuraikan cara menggunakan sifat CSS pointer-events.
Apakah Harta pointer-events?
CSS ' penunjuk-peristiwa sifat ” menentukan tingkah laku penuding/ketik ke arah elemen HTML dan sama ada elemen yang dipilih akan bertindak balas dengan melakukan tindakan seperti tuding atau klik.
Bagaimana untuk Menggunakan Harta pointer-events?
Dalam CSS, sifat pointer-events boleh digunakan untuk mendayakan atau melumpuhkan tindakan penunjuk pada beberapa elemen HTML tertentu. Sintaks sifat pointer-events diberikan di bawah.
Sintaks
penunjuk-peristiwa : tiada | auto ;
Dalam sintaks yang disebutkan, ' auto ” ialah nilai lalai bagi sifat pointer-events, dan ia membolehkan tindakan penunjuk ke arah elemen, dan “ tiada ” adalah betul-betul bertentangan dengan kereta; ia melumpuhkan tindakan penunjuk pada elemen HTML.
Mari kita teruskan dan ambil contoh untuk memahami sifat acara penunjuk.
Contoh 1
Dalam fail HTML kami, nyatakan tag anchor dengan teks “ LinuxHint.io ” dan letakkan di dalam bahagian badan.
HTML
< a href = “https://www.linuxhint.io/” > LinuxHint.io < / a >Sekarang, kita akan menggunakan ' penunjuk-peristiwa ' harta dan berikannya nilai ' tiada ”. Ini akan melumpuhkan tindakan penunjuk pada elemen.
CSS
a {penunjuk-peristiwa : tiada ;
}
Simpan fail HTML anda dengan kod yang disebutkan dan jalankannya menggunakan penyemak imbas anda:
Mari kita ambil contoh lain untuk merangkumi sifat acara penunjuk dengan mendalam.
Contoh 2
Tetapkan nilai harta peristiwa penunjuk kepada “ auto ' kali ini. Ia akan menjadikan elemen bertindak balas ke atas penuding tuding atau klik. Walau bagaimanapun, auto ialah nilai lalai bagi sifat acara penunjuk.
CSS
a {penunjuk-peristiwa : auto ;
}
Pengeluaran
Kami telah merangkumi kegunaan yang berbeza bagi sifat peristiwa penuding CSS.
Kesimpulan
Untuk mengawal tindakan penunjuk, kita boleh menggunakan CSS ' penunjuk-peristiwa ” harta benda. ' auto ” nilai ialah nilai pratakrif harta ini; ia membolehkan tindakan ke atas elemen HTML. Apabila sifat pointer-events digunakan dengan nilai “ tiada ”, ia melumpuhkan tindakan ke arah elemen tertentu. Tulisan ini telah menunjukkan cara menggunakan sifat CSS pointer-events.