如何在 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中文网其他相关文章！