如何使用javascript获取type ="color"输入的值

Question

我在我的项目上使用了上面的html代码.但我不知道如何使用javascript获取上述输入的值

<form>
  <input type="color" id="favcolor">
</form> 

有人能帮我吗 ？

谢谢

Answer 1

简单地得到价值

document.getElementById("favcolor").value;

如果要在选择更改时获取颜色,可以添加事件侦听器.你会做这样的事情

   var theInput = document.getElementById("favcolor");
   var theColor = theInput.value;
   theInput.addEventListener("input", function() {

   <<Do something with theColor value here>>

    }, false);

这是一个有效的例子:http://jsfiddle.net/3fehj/