Rumah > Artikel > hujung hadapan web > Bagaimana untuk melumpuhkan klik pada elemen dalam css
Bagaimana untuk melumpuhkan klik pada elemen dalam css
- WBOYasal
- 2021-11-24 11:46:234013semak imbas
Dalam CSS, anda boleh menggunakan atribut pointer-events untuk mencapai kesan larangan klik Atribut ini digunakan untuk menentukan sama ada elemen bertindak balas kepada acara penunjuk Anda hanya perlu menambah "pointer-events:none " gaya kepada elemen. Boleh.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
Cara melarang klik pada elemen dalam css
Dalam css, anda boleh menetapkan atribut pointer-events elemen kepada tiada untuk menghalang elemen daripada boleh diklik. Kaedah ini menjadikan elemen tidak boleh diklik dengan menetapkan acara tetikus elemen kepada tidak sah.
Atribut peristiwa penunjuk mentakrifkan sama ada elemen bertindak balas kepada peristiwa penunjuk.
Sintaks atribut ini ialah:
pointer-events: auto|none;
Mari kita ambil contoh untuk melihat cara melarang mengklik pada elemen adalah seperti berikut:
<!DOCTYPE html>
<html>
<head>
<style>
div.ex1 {
pointer-events: none;
}
div.ex2 {
pointer-events: auto;
}
</style>
</head>
<body>
<h2>pointer-events: none：</h2>
<div class="ex1">访问 <a href="https://www.w3school.com.cn/html/">HTML 教程</a></div>
<h2>pointer-events: auto（默认）</h2>
<div class="ex2">访问 <a href="https://www.w3school.com.cn/css/">CSS 教程</a></div>
</body>
</html>Hasil keluaran:
Apabila menambah "peristiwa penunjuk: tiada;" gaya asalnya boleh diklik elemen pautan tidak lagi tersedia Diklik.
(Mempelajari perkongsian video: tutorial video css)
Atas ialah kandungan terperinci Bagaimana untuk melumpuhkan klik pada elemen dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!