IE EDGE“指针 - 事件:无”不在span标记上工作

时间:2017-04-27 10:55:38

标签: javascript css microsoft-edge

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

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

1 个答案:

答案 0 :(得分:17)

这似乎是EDGE确认的问题:

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

要解决此问题,可以使用像div这样的块级元素代替span,或者将display: inline-block;或其他块级别显示应用于内联元件。