如何在 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 方法，该方法返回位于特定点的所有图层的数组。

结论

通过利用这些技术，可以实现与pointer-events:none类似的功能；在 Internet Explorer 中，尽管存在分层元素，但仍然可以改进用户交互。

以上是如何在 Internet Explorer 中模拟 `pointer-events:none`？的详细内容。更多信息请关注PHP中文网其他相关文章！