本文共 411 字，大约阅读时间需要 1 分钟。

input框range类型拖动条时，实现得到实时反馈

拿渐变色举例：

background:linear-gradient(0deg,red,blue,yellow)、渐变    
   
    角度：    0°    

下划线的位置需要注意：

input的两个属性：

• oninput---该事件在 <input> 或 <textarea> 元素的值发生改变时触发。

• onchange---该事件在 <input> 或 <textarea> 元素的值发生改变后触发。

   

        我们把oninput注释掉只留下onchange调节渐变色角度时，就很卡顿不会连续的改变角度，所以这里我们想要得到实时的反馈就要用oninput事件

        即实时调节角度拉条时，会不断的触发oninput事件所以会一直调用change2()方法

        而只有当拉动完调节条时，拉条失去焦点时才触发onchange事件所以不连贯

onchange：                                                                         oninput：

转载地址：http://nwprn.baihongyu.com/