JSFiddle - React, Tailwind, and code Playground
HTML
<input id="foo"/>
<input id="bar"/>
<input id="detect"/>
JavaScript
var time1;
var time2;
var mousedown = false;
$('#detect').on('mousedown', function () {
mousedown = true;
});
$('#detect').on('focusin', function () {
if(!mousedown) {
time1= new Date();
}
mousedown = false;
});
$(window).keyup(function (e) {
var code = (e.keyCode ? e.keyCode : e.which);
if (code == 9 && $('#detect:focus').length) {
time2 = new Date();
alert('The focus in event fire a whole ' + (time2-time1) + 'ms ago!');
}
});