Setting oninput event with JavaScript

Question

The HTML5 oninput event is supported by some modern browsers, including Firefox 3.X

However, strangely, it only seems to work with inline JavaScript:

<input id = "q" oninput="alert('blah')">

When I try to set it using JavaScript code, it doesn't fire.

var q = document.getElementById("q");
q.oninput = function(){alert("blah");};

Is this just a bug in Firefox, or is there some reason this happens?

This appears to be a bug in perhaps older versions of FF as it works for me in current version of both Chrome and FF. jsfiddle.net/mrtsherman/c5ywv — mrtsherman
– mrtsherman, Commented Feb 20, 2012 at 2:33

Grant Zhu · Accepted Answer · 2012-02-20 04:37:25Z

20

After downloading FireFox v3.6.27 and doing some test and search. I found my previous answer was wrong.

What I got is:

the oninput event property is supported in Firefox from version 4.

So to add a event listener in this case, you can do either

<input id = "q" oninput="alert('blah')">

or

q.addEventListener('input', function(){alert("blah");}, true);

But I prefer the later way. You can find reasons in addEventListener.
Also a similar function in IE attachEvent.

answered Feb 20, 2012 at 3:14

Grant Zhu

3,0183 gold badges26 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1