jQuery的/ JavaScript的 - 檢測點擊之外的元素點擊的SVG

Question

正如答案我在網上看到了很多版本時，在IE瀏覽器出現故障時，他們都對鉻/ Firefox的工作，但不能在IE瀏覽器上的SVG點擊時，例如這片段：

$(document).on("click",(e) => { 
    this._handleDocumentClick(e); 
}); 

_handleDocumentClick(e) { 
    let container = $(".myClass"); 

    if (container.has(e.target).length === 0) { 
     alert('clicked outside'); 
    } 
} 

在IE失敗，如果你點擊一個SVG（可能在圖像上爲好）工作，其中SVG是我的元素中，它仍然認爲它的外面！

這是所示的元件（其長度）當我e.target打印：

任何想法？

Answer 1

這裏有一個稍微不同的方法，檢查是否目標元素是使用jQuery的.closest()方法容器的孩子：

var $container = $('.target'); 

$('body').on('click', function(evt) { 
    var $target = $(evt.target); 

    if ($target.closest($container).length) { 
    console.log('❌ click inside'); 
    } 
    else { 
    console.log('✅ click outside'); 
    } 

}); 

這裏有一個演示，在IE9測試+ http://jsbin.com/qoqume/edit?html,js,console,output

Answer 2

答案是相應的UseElement屬性：

In ie only：https://msdn.microsoft.com/en-us/library/ff971929(v=vs.85).aspx

相反的e.target，你應該使用e.target.correspondingUseElement萬一e.target.correspondingUseElement !== 'undefined'