JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id=a />
<input type="text" id=b />
<input type="text" id=c />

JavaScript

var lastFocusedElement = null;
var isClick = false;
$('input').mousedown(function(e) {     
     isClick= true;
}).focus(function(e){
    
    // To prevent focus firing when element already had focus
    if (lastFocusedElement != e.target) {
        if (isClick) {
          console.log('click ----', new Date());
        } else {
          console.log('tab -----', new Date());    
        }
        lastFocusedElement = e.target;
        isClick = false;
    }
});

$(document.body).focus(function(){
  lastFocusedElement = document.body;
});