JSFiddle - React, Tailwind, and code Playground

by Chris Rebert

HTML

<br/><br/>
<input type="text" value="Foo" id="q">

JavaScript

var q = document.getElementById('q');

window.addEventListener('focus', function (e) {
    console.log("focus CAPTURE", e.target);
}, true);

window.addEventListener('focus', function () {
    console.log("focus WINDOW");
});
document.addEventListener('focus', function () {
    console.log("focus DOCUMENT");
});
q.addEventListener('focus', function () {
    console.log("focus INPUT");
});

window.addEventListener('focusin', function (e) {
    console.log("focusin", e.target);
});