要達(dá)到的效果
很多情況下我們都會即時監(jiān)聽輸入框值的變化，以便作出即時動作去引導(dǎo)瀏覽者增強(qiáng)網(wǎng)站的用戶體驗感。比如即時顯示輸入框已經(jīng)被輸入的字節(jié)數(shù)，或者即時讀取輸入的值來進(jìn)行搜索引導(dǎo)，也就是google的關(guān)聯(lián)搜索效果等。
只要我們能捕獲即時事件就能做到很多事情。
需要了解的知識
首先，我們需要了解onchange和onpropertychange的不同：

IE下，當(dāng)一個HTML元素的屬性改變的時候，都能通過 onpropertychange來即時捕獲。
onchange在屬性值改變時還必須使得當(dāng)前元素失去焦點(diǎn)(onblur)才可以激活該事件。

了解這一點(diǎn)后我們發(fā)現(xiàn)onpropertychange的效果就是我們想要的，可是很遺憾，它只在IE下有效果。我們能不能找到另外一個時間來代替onpropertychange呢？

經(jīng)過翻閱資料得知，在其他瀏覽器下可以使用oninput事件來達(dá)到同樣的效果，真是太好了，我們只需要把IE瀏覽器區(qū)分出來就可以。

oninput的使用

下面我們先了解一下oninput如何使用。
 如果您是將注冊時間直接寫在頁面里面，那么如下寫法就可以實現(xiàn)：
<、input type="text" name="textfield" oninput="alert(this.value);" onpropertychange="alert(this.value)" />

但是，將oninput寫在JS代碼中分離出來時與普通事件注冊的方法有些不同，必須使用addEventListener來注冊。

attachEvent和addEventListener 的不同

說到這里我們再來了解一下 attachEvent和addEventListener 的使用方法：

attachEvent方法，為某一事件附加其它的處理事件。（不支持Mozilla系列）
addEventListener方法 用于 Mozilla系列

舉例:

發(fā)表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發(fā)表