Javascript Code to Store Last Active Element that can Accept User Input

Javascript Code to Store Last Active Element that can Accept User Input ie input element, textarea or select element

Javascript has the activeElement property which stores the last active element of a document but sometimes you need to only be concerned only with elements that can accept user input such as any input element, textarea or select element. After all, why would it be important to put focus back on an element that can't accept user input such as an h1 or paragraph element?

/* ------------------------------------------------------------------ returns the last active element that can accept user input such as input element, textarea or select element. Useage: const lastActiveInputElem = lastActiveInputHandler(); -------------------------------------------------------------------*/ const lastActiveInputHandler = (function() { let lastActiveInput = null; document.addEventListener("focusin", function(event) { const activeElement = event.target; // Check if the element is an input, textarea, or select element if (["INPUT", "TEXTAREA", "SELECT"].includes(activeElement.tagName)) { lastActiveInput = activeElement; } }); return function() { return lastActiveInput; }; })();