firefox - 为什么 event.latedTarget 不能与 Firefox 中的 focusin/focusout 事件一起使用？

Question

我需要在 focusin 函数中找到之前聚焦的项目。下面是一个示例代码:

$('#id').on('focusin', function(event) {
  //console.log(event.relatedTarget.nodeName);    //doesn't work
}

我做了一些研究，虽然我看到一些人在帖子中说这只适用于鼠标事件，如 mousedown 等，但我发现了一些来自信誉良好的来源的文章，这些文章让我相信这应该有效.

1. https://developer.mozilla.org/en-US/docs/DOM/event.relatedTarget这里 Firefox 特别提到了 event.latedTarget 如何在 'focusin' 事件中返回“which EventTarget is getting focus”。我使用的浏览器是 Firefox。

2. http://www.w3.org/TR/DOM-Level-3-Events/#events-FocusEvent在此书签中，您可以看到每个 FocusEvent 都有一个称为相关目标的只读属性。

3. http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focusIn在这里，他们还特别指出“FocusEvent”有一个名为“relatedTarget”的属性，它是“事件目标失去焦点(如果有)”。

那么我在这里做错了什么？这一定是某种愚蠢的语法错误或其他什么。我找不到 event.latedTarget 的 nodeName。

更新:我可以让它在 IE 中工作，但这在 Firefox 中不起作用？？？

 $("#id").on('focusin', function(event) {
   $('#textbox').text(event.relatedTarget.nodeName);
 }

Answer 1

虽然 MDN 提到了 focusin/focusout 事件的 relatedTarget，但不幸的是，没有任何版本的 FireFox 实际上支持这两个事件。 jQuery 只是为您模拟它们，但由于缺乏 native 支持，您无法在 FF 上获得 relatedTarget。

查看兼容性信息 here或here .