IE EDGE "pointer-events: none" span etiketi üzerinde çalışma yok

Question

IE EDGE içinde pointer-events: none; bir span etiketine uygulandığında, bir javascript tıklatması olayı eklerken e.target açıklıklı görünmektedir. ve ebeveyn değil.

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); 
}); 

Tam Codepen örnek: https://codepen.io/JoeHastings/pen/gWgzgK

Answer 1

EDGE ile teyit sorun gibi görünüyor

:

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

bir div gibi bir blok düzeyi öğesi yerine span kullanılan veya display: inline-block; uygulayarak olabilir bu arada sorunu çözmek için, veya başka bir blok seviyesi göstergesi, bir satır içi öğeye.