首頁 > web前端 > js教程 > input標籤內容改變的觸發事件介紹_javascript技巧

input標籤內容改變的觸發事件介紹_javascript技巧

WBOY
發布: 2016-05-16 16:43:55
原創
1627 人瀏覽過

1. onchange事件與onpropertychange事件的差異:

onchange事件在內容改變(兩次內容有可能相等)且失去焦點時觸發;onpropertychange事件是即時觸發,每增加或刪除一個字元就會觸發,透過js改變也會觸發該事件,但是該事件是IE專有。

2. oninput事件與onpropertychange事件的差異:

oninput事件是IE以外的大多數瀏覽器支援的事件,在value改變時即時觸發,但是透過js改變value時不會觸發;onpropertychange事件是任何屬性改變都會觸發,而oninput卻只在value改變時觸發,oninput要透過addEventListener()來註冊,onpropertychange註冊方法與一般事件相同。

3. oninput與onpropertychange失效的情況:

oninput事件:

(1)當腳本改變value時,不會觸發;

(2)從瀏覽器的自動下拉提示中選取時,不會觸發;

onpropertychange事件:

當input設定為disable=true後,不會觸發。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板