2017-04-27 10 views
5

pointer-events: none;がスパンタグに適用されている場合、IE EDGEではJavaScriptのクリックイベントを追加すると動作していないように見えますが、e.targetはスパンです親ではありません。IE EDGE "ポインタイベント:なし"がスパンタグで機能しない

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

答えて

9
EDGEと確認問題のように見える

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

divのようなブロックレベル要素ではなくspanの使用、またはdisplay: inline-block;を適用することができ、その間に問題を解決するために、またはその他のブロックレベル表示をインライン要素に追加することができます。

+3

良い古いMicrosoft。これらすべての年の後にまだ努力しています。 – Turnip

関連する問題