js取色器的使用

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提交不需要其他处理，效果图如下