如何更改JsColor的值并运行jscolor的函数?

时间:2015-02-24 01:50:17

标签: javascript colors selector jscolor

我对jscolor或http://jscolor.com/有困难 我想改变javscript中颜色的值,不仅可以输入或点击选择它。我已查看其代码并找到了更新的位置,但无论何时更改值,我都无法找到重新运行该函数的方法。

document.getElementById('idTryingToChange').value

这实际上是我能够获取所选颜色的信息,但是如果我写一个字符串,例如它只会写文本而不是改变背景颜色功能或基本上更新js颜色,就像我输入颜色一样。我意识到它必须在keyup或keydown事件上,并在js颜色脚本中找到了一个函数。现在我只需要找到一种方法来运行该功能,或者这是不会起作用的?顺便说一句,函数是:

var updateField = function() {
            THIS.fromString(valueElement.value, leaveValue);
            dispatchImmediateChange();
        };

因此,如果您正在查看jscolor代码,则可以更轻松地使用此信息查找或在脚本中查找keyup。谢谢你的帮助。如果问题似乎含糊不清或者您需要更多详细信息,请告知我们。我知道它看起来有点像一个奇怪的错误。此外,我在js color网站的代码中找到了关于绑定到id的内容,但这似乎没有用。

2 个答案:

答案 0 :(得分:3)

前几天我一直在寻找如何做到这一点,我最终使用了这个

document.getElementById('idToChange').jscolor.fromString(jsObj.toHEXString());

这对我来说效果更好,因为它根据背景颜色改变了文本的颜色。我在设置颜色示例中找到了它。

答案 1 :(得分:2)

如果使用JS更新输入内容并想要更新背景颜色,可以使用以下内容:

$('.jscolorinput').each(function()
{
    $(this)[0].color.fromString($(this).val());
}); 

这段代码片段将更新对您的颜色选择器的任何引用,假设它们具有“.jscolorinput”类。您可以使用任何选择器来查找选择器,例如ID,CSS类等。