首页 > 代码库 > input 滑块功能range javascript方法使用
input 滑块功能range javascript方法使用
<script> var rangelist=document.querySelectorAll(‘[type="range"]‘); for(var i=0; i<rangelist.length; i++){ //获得当期遍历的值i并赋值给range var range=rangelist[i]; range.onchange=function(){ //range.onchange= 当input的值发生改变时触发事件 //onchange()事件一般用于用户表单中,例如:当文本框内容发生改变时触发的事件,或者下拉列表框内容发生改变时触发的事件等 this.nextElementSibling.innerHTML=this.value; //修改#BOX的背景颜色 changeBoxBG(); //事件监听名 }; }; function changeBoxBG(){ //被监听事件方法属性 var R=red.value; var G=green.value; var B=blue.value; box.style.backgroundColor=`RGB(${R},${G},${B})`; } </script>
input 滑块功能range javascript方法使用
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。