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

最新推荐文章于 2024-07-08 11:37:48 发布

原创最新推荐文章于 2024-07-08 11:37:48 发布 · 494 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#range显示当前刻度

本文详细探讨了onchange、onpropertychange和oninput这三个DOM事件的区别。onchange事件在输入内容改变并失去焦点时触发，onpropertychange则是实时触发，对任何属性变化敏感，但仅适用于IE。相比之下，oninput事件在大多数浏览器中支持，当输入内容改变时即时触发，但JavaScript修改value不会触发。同时，oninput在浏览器自动下拉选择和脚本修改value时可能失效，而onpropertychange在input元素disabled为true时不触发。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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