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); 

その後手動myElement.focusを（）