Bagaimanakah saya boleh mendayakan laluan melalui tetikus dalam Internet Explorer untuk reka bentuk berlapis?

Emulasi IE: Mendayakan Laluan Tetikus dengan Acara Penunjuk

Acara penuding membolehkan anda berinteraksi dengan elemen asas tanpa dihalang oleh lapisan atas . Walaupun HTML5 mentakrifkan pointer-events:none;, Internet Explorer tidak mengenali sifat ini. Ini menimbulkan cabaran apabila bekerja dengan reka bentuk berlapis, menghalang pengguna IE daripada mengakses interaksi penting.

Penyelesaian:

Internet Explorer menyokong acara penunjuk hanya untuk elemen SVG, seperti yang dinyatakan dalam spesifikasi W3C. Walau bagaimanapun, had ini boleh diatasi dengan membungkus elemen sedia ada dalam SVG.

Pelaksanaan:

1. CSS:

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

2. HTML:

   <svg>

Kaedah ini meniru tingkah laku pointer-events:none; dalam IE9 dan IE10.

Nota Tambahan:

Untuk mengakses objek asas, IE menyediakan kaedah document.msElementsFromPoint, yang mengembalikan tatasusunan semua lapisan yang terdapat pada sesuatu yang diberikan titik. Teknik ini membolehkan anda berinteraksi dengan elemen asas walaupun ia dikaburkan oleh lapisan atas.

Atas ialah kandungan terperinci Bagaimanakah saya boleh mendayakan laluan melalui tetikus dalam Internet Explorer untuk reka bentuk berlapis?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!