焦点事件侦听器上的元素未使用element.focus（）触发

Question

知道为什么在这种情况下未触发事件侦听器吗？

如果我将focus更改为click ，则效果很好。

jsfiddle：

https://jsfiddle.net/bobbyrne01/cda3tpfq/

的HTML：

<div id="result">
  No focus.
</div>

js：

var myElement = document.createElement('myElement');
myElement.setAttribute('tabindex', -1);
myElement.addEventListener('focus', function() {
  document.getElementById('result').textContent = 'Focus recieved.';
});

myElement.focus();

Answer 1

假设您要更新div中的内部文本，则应执行以下操作。

的HTML：

<div id="result" tabindex="-1">no focus</div>

js：

var myElement = document.getElementById('result');
myElement.addEventListener('focus', function() {
    myElement.innerText = 'Focus received.';
},true);

然后，手动单击div进行聚焦或使用myElement.focus（）