input事件的小研究

最近在看avalon教程的时候发现，对input，texteara等输入表单组件中使用了input事件，由于很少使用（可能也是由于我还是菜菜），特地去查了一下相关的资料，并试验了一下这个事件。

首先来看看这个input事件，根据html5草案和msdn上给出的说明，给出如下结果：

input | oninput event

简介：这是一个html5事件

触发时机：当用户通过UI改变元素文本内容时（MSDN）| 当用户改变value时（w3c标准）

语法：

HTML Attribute：<element oninput = "handler(event)">

Event Property：object.oninput = handler;

addEventListener Method： object.addEventListener("input", handler, useCapture)

参数：

event

特性：

同步：no

冒泡：no

取消默认：yes

这样看起来，input事件和change非常像，只是它是在内容改变后立即触发的，而change会等到焦点不在元素上才触发。

另一个不同则是onchange可以作用在<select>和<keygen>标签上，而input不行。

这个事件看起来用处不大，时常被change替换，但是在mv*类框架中做实时变化上还是十分有用，可以随时监控输入元素事件的变化。

同时，赞一下正美的发掘能力啊。