javascript - 在您的网站上使用颜色选择器

Question

目前，如果我选择一种新颜色，则不会发生任何事情。如您所见，我想要将brushColour设置为所选颜色。我正在使用http://www.eyecon.ro/colorpicker/#implement 但似乎无法理解方向。除了将颜色设置为全局变量之外，一切正常。

以下是我一直在尝试的一些内容：

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);

}

在这里你可以看到我做了什么，你可以测试它，我有一个警报，告诉你释放鼠标时颜色的十六进制。我还有一些用于鼠标单击和取消单击的控制台日志。http://www.taffatech.com/Paint.html

关于如何解决这个问题的任何帮助都会很棒！

Answer 1

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

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

Answer 2

您应该礼貌地要求 ColorPicker 将颜色设置为颜色变化的变量。:)

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