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

Meniru Pointer-Events:tiada dalam Internet Explorer

Dalam bidang pembangunan web, pointer-events:none sifat CSS telah menjadi amat diperlukan untuk mencipta tindanan interaktif yang membolehkan pengguna berinteraksi dengan elemen asas. Walau bagaimanapun, Internet Explorer menimbulkan cabaran, kerana ia tidak mengenali pointer-events:none.

Pernyataan Masalah

Pembangun yang ingin meningkatkan carta dengan tindanan PNG kecerunan menghadapi masalah dilema dalam Internet Explorer. Penggunaan pointer-events:none untuk mengekalkan percanggahan interaktiviti carta dengan kekurangan sokongan penyemak imbas untuk sifat ini. Akibatnya, pengguna di IE tidak dapat menikmati reka bentuk carta yang dipertingkatkan secara serentak dan berinteraksi dengan carta.

Penyelesaian

Walaupun acara penunjuk:tiada tidak dikenali untuk elemen umum dalam IE, ia disokong untuk elemen SVG. Had ini berpunca daripada spesifikasi yang mentakrifkan peristiwa penunjuk hanya untuk elemen SVG.

Untuk melaksanakan kelakuan penunjuk-peristiwa:tidak serupa dalam IE, pertimbangkan untuk membungkus elemen sedia ada anda dalam elemen SVG. Untuk ini, anda boleh menggunakan kaedah bungkus yang disediakan oleh perpustakaan jQuery.

Contoh Kod

CSS:

#tryToClickMe {
  pointer-events: none;
  width: 400px;
  height: 400px;
  background-color: red;
}

HTML:

<svg></svg>

Pertimbangan Tambahan

Jika anda perlu mengakses kedua-dua objek di atas dan di bawah, IE menyediakan dokumen.msElementsFromPoint kaedah. Kaedah ini mengembalikan tatasusunan semua lapisan pada titik tertentu.

Dengan memahami keanehan Internet Explorer ini, pembangun boleh mengatasi cabaran ini dan meningkatkan pengalaman pengguna dalam aplikasi web mereka untuk semua pengguna, tanpa mengira pilihan penyemak imbas mereka .

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!