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

模擬指標事件：Internet Explorer 中無

Internet Explorer 缺乏對指標事件的辨識：無；屬性可能會阻礙使用者與分層元素互動的能力。當在圖表上使用漸層 PNG 時，就會出現此問題，從而建立一個阻礙使用者互動的覆蓋 div。本文探討了一個解決方案，讓滑鼠事件能夠穿過IE 中的元素，就像pointer-events:none;

解決方案

Internet Explorer 僅識別指標事件：無；對於SVG 元素，根據W3C 規範。要模擬非 SVG 元素的這種行為，一個可行的解決方案是將它們包裝在 SVG 元素中。

CSS:

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

HTML：

<svg>

或者，如果您希望存取上層和下層物件，Internet Explorer 提供了document.msElementsFromPoint 方法，該方法傳回位於特定點的所有圖層的陣列。

結論

利用這些技術，可以實現與指標事件類似的功能：無；在Internet Explorer 中，儘管存在分層元素，但仍可改進用戶互動。

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