html5原生input range拖动实时触发事件
善用搜索引擎啊兄弟http://stackoverflow.com/questions/18544890/onchange-event-on-input-type-range-is-not-triggering-in-firefox-while-dragging
■网友\u0026lt;input id="range" type="range" min="0" max="50000" value="https://www.zhihu.com/api/v4/questions/39049947/5"step="10" oninput="change()" onchange="change()"\u0026gt;\u0026lt;span id="value"\u0026gt;0\u0026lt;/span\u0026gt;\u0026lt;script type=\u0026#39;text/javascript\u0026#39;\u0026gt;function change() { var value = https://www.zhihu.com/api/v4/questions/39049947/document.getElementById(/u0026#39;range/u0026#39;).value ; document.getElementById(/u0026#39;value/u0026#39;).innerHTML = value;}/u0026lt;/script/u0026gt;在input中添加oninput事件
■网友
前人的方法我尝试了一遍。都不行。看了文档,input没有oninput、onchange属性,只有以下方法可行。\u0026lt;input type="range" class="slider-range"\u0026gt;\u0026lt;script\u0026gt; const sliderRange = document.querySelector("#slider-range"); sliderRange.onchange = e =\u0026gt; { console.log("当前滑块值: ", e.target.value); };\u0026lt;/script\u0026gt;参考链接: HTML DOM Input Range 对象
■网友\u0026lt;body\u0026gt; \u0026lt;input id="size" type="range" max="1000" min="100" value="https://www.zhihu.com/api/v4/questions/39049947/100" step="50" /\u0026gt; \u0026lt;script type="text/javascript"\u0026gt;$(\u0026#39;#size\u0026#39;).on(\u0026#39;input propertychange\u0026#39;,function(){//触发效果 })\u0026lt;/script\u0026gt;\u0026lt;/body\u0026gt; 【html5原生input range拖动实时触发事件】
■网友
如果说你要拖动结束后在触发,可以在\u0026lt;input id="range" type="range" min="0" max="50000" value="https://www.zhihu.com/api/v4/questions/39049947/5"step="10" onchange="change()" onchange="change()"\u0026gt;\u0026lt;span id="value"\u0026gt;0\u0026lt;/span\u0026gt;\u0026lt;script type=\u0026#39;text/javascript\u0026#39;\u0026gt;function change() { var value = https://www.zhihu.com/api/v4/questions/39049947/document.getElementById(/u0026#39;range/u0026#39;).value ;console.log(value)} /u0026lt;/script/u0026gt;用onchange。
■网友
用mousemove就可以啦
推荐阅读
- python的html5lib这个库咋使用啊我在网上也没有找到相关文档
- 入游戏开发坑一年,迷茫中,应该选择原生app游戏还是web html5游戏还是3d重度游戏,未来是何
- 公众账号与手机站(WAP/HTML5)的嵌入组合是否有价值
- 手机上html5调用摄像头录制视频并上传能实现吗
- 怎样使用opengl或者html5绘制一个星空 ?
- 内蒙古小伙分享草原生活成“网红”游牧生活引百万网友围观
- HTML5里是否可以实现带alpha通道(透明)的视频元素GIF除外
- 流应用和原生app的区别。流应用的缺陷是啥
- 为啥手机很少有用原生android的为啥大陆行货没有gapps
- 优酷新出来html5 播放,这预示着播放行业要怎么样改变
