光谱颜色选择器获取颜色的值答案

【问题标题】：Spectrum color picker get the value of the color光谱颜色选择器获取颜色的值
【发布时间】：2013-10-19 21:51:20
【问题描述】：

我很好地实现了 Spectrum 的颜色选择器

$(document).ready(function() {
  $("#font_color").spectrum({
    color: "#f00"
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdn.rawgit.com/bgrins/spectrum/master/spectrum.js"></script>
<link href="https://cdn.rawgit.com/bgrins/spectrum/master/spectrum.css" rel="stylesheet"/>

<input type="text" id="font_color" />

但我不知道如何使用 javascript 获取 texfield 内的值。有人能帮我吗？

【问题讨论】：

标签： javascript jquery html color-picker

【解决方案1】：

如果输入字段方法不适合您，另一种获取方法是直接从频谱本身获取。

$("#font_color").spectrum('get');

或

$("#font_color").spectrum('get').toHexString();

要转换它。

【讨论】：

为什么这么丑？这是某种 jQuery 约定吗？为什么不是：var myColorPicker = $('#font_color').spectrum(); var color = myColorPicker.get()

【解决方案2】：

输入的值？

var value = $("#font_color").val();

【讨论】：

谢谢！我现在知道要获得价值。 :) 在输入中添加了 onchange
不起作用。 $("#font_color").spectrum('get').toHexString();虽然有效

【解决方案3】：

使用 color.toRgbString() 为我工作

【讨论】：