oninput,onpropertychange,onchange的區別和用法

onchange事件觸發必須滿足兩個條件,內容改變和失去焦點。但很多時候我們要在沒失去焦點的情況下觸發。

onpropertychange事件的觸發是在屬性改變時立觸發,注意是屬性改變時,這就可以解決onchange的不足,但由於是屬性改變時觸發,當內容和其它屬性都有改變時,也可能會觸發多次,導致執行多次函數,而且它是IE專屬,其它內核沒法用。

oninput事件只在value改變時觸發,同時是非IE版,支持firefoxopera等瀏覽器,這個事件用來做像搜索建議這樣功能再好不過,今天多所以會分享這個事件是因爲看到有人做搜索建議功能時用的事件是onkeyup,onkeyup做這個功能不足之處在於觸發太平凡,搜索建議只需在每輸入一個字符發一次AJAX請求即可,然而我們輸入大部分的中文字符是需要一個字符敲多個鍵盤按鍵的,這樣就導致發了很多不必要的請求。

發佈了23 篇原創文章 · 獲贊 27 · 訪問量 9萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章