Element auf Fokus-Ereignis-Listener nicht ausgelöst wird, mit element.focus()

Question

Jede Idee, warum der Ereignis-Listener in diesem Fall nicht anspringen?

Wenn ich focus-click ändern, es funktioniert gut.

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

Vorausgesetzt, dass Sie den Text um die div aktualisieren möchten, so etwas wie dies funktionieren sollte ..

html:

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

js:

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

Dann klicken Sie entweder manuell auf dem div myElement.focus()