DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> javascript開發中使用onpropertychange,oninput事件解決onchange事件的不足
javascript開發中使用onpropertychange,oninput事件解決onchange事件的不足
編輯:JQuery特效代碼     

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

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

這樣一來問題就解決了.

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

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

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

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved