range显示当前刻度_html5 表單 range 實現顯示刻度值

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后，不會觸發。