onchange在用于文本框輸入框時,有一個明顯的不足. 事件不會隨著文字的輸入而觸發,而是等到文本框失去焦點(onblur)時才會觸發. 也就是沒有即時性!

在IE下,可以用onpropertychange來代替onchange事件,當文本框有任何變化時,能立即觸發此事件.

這樣一來問題就解決了.

那其他瀏覽器呢,onpropertychange可是IE的專利. 接下來就是oninput事件了.

但是oninput有個詭異,必須用addEventListener的方式來綁定事件.否則無效.

好了, 以下是演示例子, 主流瀏覽器都沒問題: