首页 > 解决方案 > 如何直接从 jscolor 获取十六进制代码?

问题描述

我正在尝试使用 jscolor 构建带有颜色选择器的画布应用程序。
以下是我所做的:

  1. 包含文件 jscolor.js

  2. 创建了一个带有 class="jscolor" 的按钮

按钮代码:

<button id="strokeCol" class="jscolor {valueElement:'color_value'}" onchange="config.changeStrokeCol(this.jscolor)">
   Stroke Color
</button> 

当我从选择器中选择一种颜色时,我可以看到按钮的背景颜色在开发人员工具中发生变化,但在 RGB 值中。在其他地方阅读它,我可以通过指定简单地获得 HEX $('element').val(),但在我的情况下它只是给我""(空白)。

HTML 也没有由点击触发的 value 属性,更不用说被更新了。这些示例仅表明我可以指定默认值(也无法更新)。

我错过了什么吗?或者 jscolor 是否已更新为仅通过背景颜色提供 RGB 值?

我能想到的唯一解决方法是允许在按钮内显示 HEX 代码,然后用于.html()获取值,但这似乎没有必要。

标签: color-pickerjscolor

解决方案


<input>将类插入标签时问题已解决 。奇怪的!


推荐阅读