使用Javascript设置oninput事件

Question

一些现代浏览器支持HTML5“oninput”事件，包括Firefox 3.X

然而，奇怪的是，它似乎只适用于内联javascript：

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

当我尝试使用javascript代码设置它时，它不会触发。

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

这只是Firefox中的一个错误，还是出现这种情况的原因？

Answer 1

下载FireFox v3.6.27并进行一些测试和搜索。我发现我之前的回答是错误的。

我得到的是：

  

Firefox版本4支持oninput事件属性。

因此，要在这种情况下添加事件侦听器，您可以执行

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

或

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

但我更喜欢后来的方式。您可以在addEventListener中找到原因 IE attachEvent中的类似功能。