JSFiddle - React, Tailwind, and code Playground

by dmethvin

HTML

<input type=text> <button>focus bait</button><br>

JavaScript

//#11556 (IE6-9)
// Ref: http://www.w3.org/TR/html401/interact/scripts.html#adef-onchange
//   "The onchange event occurs when a control loses the input focus
//    and its value has been modified since gaining focus. "
// Note that Chrome does not fire blur AT ALL on Enter

$("input").on("focus blur focusin focusout change click", function(e){
    $("body").append(e.type+"\t"+this.value+"<br>");
});