js使用取色器改变div层颜色——使用<input type="color">
1.简述
< input type=”color” >是一个取色器,我们选中取色板上的颜色,然后获取其value,最后设计其在div层实现。
2.代码详解
(1)编写需要实现的div层
<div id="showColor"></div>
(2)设置取色器
<input type="color" id="color">
(3)编写js函数
document.getElementById( 'color').οnchange = function(){document.getElementById( 'color').click();document.getElementById( "showColor").style.backgroundColor = this.value;
}
取得的值是#24db97类型,可以直接跟着form提交不需要其他处理,效果图如下