如何在IE中使用relatedTarget（或等价物）？

Question

显然IE（11）在relatedTarget方面存在问题，例如在blur事件方面。IE是否有其他方法获得相关目标？

下面是一个在IE中产生错误的示例：https://jsfiddle.net/rnyqy78m/

Answer 1

如果我看一下这个列表：https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/relatedTarget模糊不包括在具有标准次目标的范围内。所以我假设chrome中模糊的二级目标是非标准的。

如果你用focusin或focusout来代替模糊，它对我来说也适用于IE11。

Answer 2

在调用模糊事件之前，IE11似乎将document.active元素设置为下一个焦点元素。因此，要在包括IE11在内的所有浏览器中正确处理模糊，您可以使用以下内容

var target = evt.relatedTarget;
if (target === null) { target = document.activeElement; }

我把你的小提琴改编成这样：https://jsfiddle.net/hukt0rhj/