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

1. onchange事件與onpropertychange事件的區別:瀏覽器

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

$("#textboxID").bind("input propertychange", function() {
    alert($(this).val());
});


2. oninput事件與onpropertychange事件的區別:spa

  oninput事件是IE以外的大多數瀏覽器支持的事件,在value改變時實時觸發,可是經過js改變value時不會觸發;onpropertychange事件是任何屬性改變都會觸發,而oninput卻只在value改變時觸發,oninput要經過addEventListener()來註冊,onpropertychange註冊方法與通常事件相同。code

3. oninput與onpropertychange失效的狀況:事件

oninput事件:input

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

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

onpropertychange事件:class

  當input設置爲disable=true後,不會觸發。List

相關文章
相關標籤/搜索