javascript - 焦点事件不会在输入字段上触发(无 jQuery)

Question

出于某种原因，以下代码仅在窗口获得焦点时触发，但在输入字段或任何其他元素(无论它们是否具有 tabindex 或没有)获得焦点时不会触发。

我不想使用 someElement.addEventListener 方法，因为在添加事件监听器时该元素未附加到 View 。

var handleFocus = function(event) {
   var el = event.target;
   console.log(el);
}

addEventListener('focus', handleFocus, false);

我基本上需要监听任何输入字段何时被聚焦。我想将它应用到父窗口的原因是，表单字段是在不同时间从 View 中添加和删除的 (Aurelia)。

当事件触发时，我希望能够读取目标的属性，看看我需要采取什么行动。

在这方面的任何帮助都非常...

Answer 1

事实证明，您需要将“useCapture”选项设置为 true。如果您想了解有关“useCapture”选项的更多信息，this StackOverflow question比 MDN 做得更好。

只是意味着我必须改变这个:

addEventListener('focus', handleFocus, false);

...为此:

addEventListener('focus', handleFocus, true);