如果以编程方式设置了focusin，则不触发focusout

Question

在编程设置了focusin之后，我正在尝试检测focus out事件。看一下这个例子：(单击蓝色元素集focusin，单击document should focusout)

https://jsfiddle.net/k946vcza/1/

由于某些原因，如果focusin设置为

  var focusin = new Event("focusin");
  red.dispatchEvent(focusin);

单击文档时不会触发focusout。如果您首先单击red element，然后单击document，则会按预期检测到focusout。

这里我漏掉了什么？

Answer 1

focusin不会触发focus事件(说明元素不会突出显示)，而且因为focusout要求元素被聚焦，所以您不会看到它被调用。

如果您执行类似于setTimeout(()=>red.focus(), 0)而不是red.dispatchEvent(focusin)的操作，您将看到预期的行为