Rumah > hujung hadapan web > tutorial css > Bagaimana untuk Meniru `pointer-events: none` dalam Internet Explorer?

Bagaimana untuk Meniru `pointer-events: none` dalam Internet Explorer?

Mary-Kate Olsen
Lepaskan: 2024-11-16 08:10:03
asal
874 orang telah melayarinya

How to Emulate `pointer-events: none` in Internet Explorer?

Meniru Peristiwa Penunjuk: tiada dalam Internet Explorer

Dalam projek yang melibatkan peningkatan Carta Tinggi, timbul keperluan untuk memaparkan PNG kecerunan atas carta. Menggunakan peristiwa penuding sifat CSS: tiada satu pun membenarkan pengguna berinteraksi dengan carta walaupun div tindanan. Walau bagaimanapun, sifat ini tidak diiktiraf oleh Internet Explorer.

Bagaimana untuk Mendayakan Fungsi Seperti Penunjuk-Peristiwa dalam IE?

Sementara acara penunjuk: tiada yang tidak langsung disokong dalam Internet Explorer, penyemak imbas menyokong acara penunjuk untuk elemen SVG, seperti yang ditentukan oleh W3C. Ini bermakna anda boleh menggunakan elemen SVG untuk mencapai kefungsian yang serupa:

#tryToClickMe {
  pointer-events: none;
  width: 400px;
  height: 400px;
  background-color: red;
}
Salin selepas log masuk
<svg>
Salin selepas log masuk

Dengan pendekatan ini, peristiwa tetikus akan melalui elemen SVG ke elemen asas. Anda boleh mempertingkatkan lagi kefungsian ini dengan membungkus elemen sedia ada dalam SVG menggunakan kaedah jQuery wrap().

Penyelesaian Alternatif untuk Mengakses Objek Atas dan Dasar

Jika anda perlukan untuk mengakses kedua-dua objek di atas dan di bawah, anda boleh menggunakan kaedah document.msElementsFromPoint yang tersedia dalam IE. Kaedah ini mengembalikan tatasusunan semua lapisan pada titik tertentu, membolehkan anda berinteraksi dengan kedua-dua elemen yang boleh diakses.

Atas ialah kandungan terperinci Bagaimana untuk Meniru `pointer-events: none` dalam Internet Explorer?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
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 terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan