Bagaimana untuk Meniru `pointer-events: none` dalam 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;
}

<svg>

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!