1. 程式人生 > >input標籤內容改變的觸發事件

input標籤內容改變的觸發事件

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後,不會觸發。