javascript - IE EDGE "pointer-events: none"无法处理 span 标签

Question

在 IE EDGE 中，当 pointer-events: none; 应用于 span 标签时，它似乎不起作用，当添加 javascript click 事件时，e.target 是 span 而不是 parent 。

HTML

<div class="parent>     
    <div class="child"><span class="the-span">Something in a span blah blah</span></div>
</div>

CSS

.child span {
  pointer-events: none;
}

JS

$(document).click(function(e) {
    console.info(e.target);
});

完整的 Codepen 示例: https://codepen.io/JoeHastings/pen/gWgzgK

Answer 1

这似乎是一个已确认的 EDGE 问题:

https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/8295099/

同时要解决这个问题，可以使用 div 等 block 级元素代替 span，或者应用 display: inline-block; 或其他一些 block 级显示到内联元素。