IE EDGE "pointer-events: none" 无法处理 span 标签
IE EDGE "pointer-events: none" not working on span tag
在 IE EDGE 中,当 pointer-events: none;
应用于 span 标记时它似乎不起作用,当添加 javascript 单击事件时,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
这似乎是一个已确认的 EDGE 问题:
https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/8295099/
同时要解决此问题,可以使用 div
等块级元素代替 span
,或应用 display: inline-block;
或其他块级显示,以一个内联元素。
在 IE EDGE 中,当 pointer-events: none;
应用于 span 标记时它似乎不起作用,当添加 javascript 单击事件时,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
这似乎是一个已确认的 EDGE 问题:
https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/8295099/
同时要解决此问题,可以使用 div
等块级元素代替 span
,或应用 display: inline-block;
或其他块级显示,以一个内联元素。