Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Menjadikan Div Tidak Kelihatan kepada Acara Tetikus?

Bagaimana untuk Menjadikan Div Tidak Kelihatan kepada Acara Tetikus?

Susan Sarandonasal: 2024-10-31 11:23:02265semak imbas

How to Make a Div Invisible to Mouse Events?

Mengawal Keterlihatan Klik Div

Masalah:

Untuk mencapai kesan visual tertentu, anda perlu menindih telus

atas teks, tetapi tindanan ini menghalang teks daripada bertindak balas kepada klik untuk tindakan seperti pemilihan pautan atau penyerlahan teks. Bagaimanakah anda boleh menjadikan tindanan "tidak kelihatan" kepada acara tetikus?

Penyelesaian Menggunakan CSS pointer-events:

CSS menawarkan penyelesaian dengan sifat pointer-events. Sifat ini membolehkan anda mentakrifkan gelagat sesuatu elemen berkenaan dengan peristiwa tetikus.

Untuk membuat

tidak kelihatan kepada klik, tetapkan sifat acara penunjuk kepada tiada. Tetapan ini memberitahu penyemak imbas supaya mengabaikan semua peristiwa tetikus yang menyasarkan elemen.

<code class="css">#overlay {
  pointer-events: none;
}</code>

Nota:

Harta acara penunjuk disokong dalam penyemak imbas moden seperti Firefox 3.6 , Chrome 2 , IE 11 dan Safari 4 . Untuk keserasian merentas pelayar, anda mungkin perlu meneroka kaedah alternatif atau polyfill.

Atas ialah kandungan terperinci Bagaimana untuk Menjadikan Div Tidak Kelihatan kepada Acara Tetikus?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

firefox css chrome safari define for using Property pointer this

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Bagaimana untuk Menghidupkan Box-Shadow dengan jQuery: Animasi Langsung atau CSS?Artikel seterusnya：Bagaimana untuk Menghidupkan Box-Shadow dengan jQuery: Animasi Langsung atau CSS?

Artikel berkaitan

Lihat lagi