如何在 Internet Explorer 中模擬 `pointer-events: none`？

模擬指針事件：Internet Explorer 中無

在一個涉及 Highcharts 增強的項目中，需要顯示漸變 PNG在圖表上。利用CSS屬性pointer-events: none將允許使用者與圖表交互，儘管有覆蓋的div。但是，Internet Explorer 無法辨識此屬性。

如何在 IE 中啟用類似指標事件的功能？

而pointer-events: none 不是直接的儘管在 Internet Explorer 中受支持，但瀏覽器確實支持 SVG 元素的指針事件（如 W3C 所指定）。這表示您可以使用 SVG 元素來實現類似的功能：

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

<svg>

透過此方法，滑鼠事件將透過 SVG 元素傳遞到底層元素。您可以透過使用 jQuery wrap() 方法將現有元素包裝在 SVG 中來進一步增強此功能。

存取上層和下層對象的替代解決方案

如果需要要存取上層和下層對象，您可以利用 IE 中提供的 document.msElementsFromPoint 方法。此方法傳回給定點上所有圖層的數組，使您能夠與兩個可存取的元素進行互動。

以上是如何在 Internet Explorer 中模擬 `pointer-events: none`？的詳細內容。更多資訊請關注PHP中文網其他相關文章！