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

问题描述 投票:0回答:3

我在使用 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 网站的代码中发现了一些关于绑定到 ids 的内容,但这似乎不起作用。

javascript colors selector jscolor
3个回答
6
投票

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

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

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


2
投票

如果你用JS更新输入的内容并想更新背景颜色,你可以使用这样的东西:

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

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


0
投票

但是对于实例,你可以尝试这个:

jsInstanceObj.fromString('#BCFFE6FF');

会自动触发change事件。

© www.soinside.com 2019 - 2024. All rights reserved.