Javascript See if Element is Editable and Can Have a Value

Javascript Code Function to See if Input Element can Accept Text or Value which Includes <input type="text", <input type="email", <input type="password" or a DIV Element that is Content Editable divElement.contentEditable

This function checks to see if a certain element can accept text or input which includes the well known input elements of type text, email or password but also includes a check to see if the element is not an input element but has a contentEditable === "true". In other words, if the element can accept user input of any kind.

/* ---------------------------------------------------------- function tests if [elem] can accept user input either because its an input element of type text, email or password or if its not an input element, its an element with contentEditable === "true" --------------------------------------------------------- */ function isElementEditable(elem) { return ( // is either input element or textarea (["input", "textarea"].includes(elem.tagName.toLowerCase()) && // is type text, email, password or textarea ["text", "email", "password", "textarea"].includes(elem.type.toLowerCase()) && // is NOT read only !elem.readOnly) || // OR its an element, ie div, thats contentEditable elem.contentEditable === "true" ); }