javascript - HTML5输入类型Color，如何使用javascript更改其值

Question

在图像中您可以看到铅笔和橡皮擦按钮，我想要的是当单击铅笔时，输入的值应更改为黑色，而当单击橡皮擦时，输入的值应更改为白色。

我试过这个 <button onclick="$('#color-select').val(0,0,0);$('#stroke-select').val(3);">Pencil</button>

<button onclick="$('#color-select').val('255,255,255');$('#stroke-select').val(30);">Eraser</button>

但它不起作用，它改变了画笔大小的值，但在两种情况下颜色都变成黑色......需要帮助。

Answer 1

您应该使用 6 个字符的十六进制值作为颜色。 spec for the HTML5 color input需要它。

即:

<button onclick="$('#color-select').val('#ffffff');$('#stroke-select').val(30);">Eraser</button>
<button onclick="$('#color-select').val('#000000');$('#stroke-select').val(3);">Pencil</button>