Javascript 在站点上使用颜色选择器

目前，如果我选择一种新的颜色，什么都不会发生。正如您所看到的，我想要的是将BrushColor设置为所选的颜色。我正在使用 但似乎无法理解方向。除了将颜色设置为全局变量外，所有操作都有效

以下是我一直在尝试的一些方法：

function mouseup() {
  paint = false;
  //brushColour = document.getElementById('color').value;
  //brushColour = $('input').ColorPicker(color);
 // brushColour = $('input').ColorPickerSetColor(color);
  //document.getElementById('color').value = brushColour;
  //brushColour = $('input').ColorPickerSetColor(color).value;
 // brushColour = $('#colorpickerHolder').value;
 //brushColour = $('ColorPicker').value;
  alert(brushColour);

}

在这里你可以看到我做了什么，你可以测试它，我有一个警报，告诉你释放鼠标时颜色的十六进制。我还有一些控制台日志，用于鼠标点击和松开

---

任何关于如何解决这一问题的帮助都将是巨大的

您只需要找到十六进制值的输入框的值。您可以使用以下方法获得此信息：

var brushColour = $('.colorpicker_hex>input').val()

---

您应该礼貌地要求ColorPicker在颜色更改时将颜色设置为变量。：）

---

还有就是想知道有没有一种方法可以调整颜色选择器的大小，这样一些文本就不会被阻挡？

$('#colorpickerHolder').ColorPicker({
  flat:     true,
  onChange: function (hsb, hex, rgb) { brushColour = "#" + hex; },
});