blur 事件的 event 对象的 relatedTarget 属性值为 null 怎么办？

Question

Chrome下能正常判断 ，
IE11下 relatedTarget 为 null。

我的目的是判断 编辑框触发blur事件 是因为 点击了 编辑器外部 还是 编辑器内部

代码：

editor.$valueContainer.on('blur',(event)=>{

    if($.contains(editor.$editorContainer[0],event.relatedTarget)){

        console.log('blur','yes');

    }else{

        console.log('blur','no');

    }

}

Answer 1

IE浏览器不支持relatedtarget，event.relatedTarget属性在mouseover中相当于IE浏览器的event.fromElement属性，在mouseout中相当于IE浏览器的event.toElement;要解决这种兼容问题，可以用jQuery，jq对其进行了封装。