javascript - 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对其进行了封装。

这篇关于javascript - blur 事件的 event 对象的 relatedTarget 属性值为 null 怎么办？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！