首页 > blur 事件的 event 对象的 relatedTarget 属性值为 null 怎么办?

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

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

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

【热门文章】
【热门文章】