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

Posted 2023-02-16

【中文标题】光谱颜色选择器获取颜色的值

【英文标题】：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 内的值。有人能帮我吗？

【参考方案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() 为我工作