Best way to track onchange as-you-type in input type=“text”?

Question

In my experience, input type=\"text\" onchange event usually occurs only after you leave (blur) the control.

Is there a way to

Answer 1

Method 1: Add an event listener for input:

element.addEventListener("input", myFunction);

 

Method 2: Define the oninput property with JavaScript:

element.oninput = function()
{
    myFunction();
};

 

Method 3: Define the oninput property with HTML: