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'