查找 Farbtastic 颜色选择器当前值

Question

有谁知道如何找到使用 farbtastic 颜色选择器时选择的当前值？我当前的代码是：

$('#colorpicker').farbtastic('#color');

   var curColor = $.farbtastic('#colorpicker').color; 

$('#color').change(function () {
                            curColor = $.farbtastic('#colorpicker').color;
            });

我首先初始化应用程序并将其内容放入一个名为 colorpicker 的 div 中，输入 #color。我只是想让名为 curColor 的变量始终保持颜色选择器的当前值并在它发生变化时更新。

Answer 1

Farbtastic 允许你注册一个回调函数，当颜色改变时调用。而这正是您需要做的。像那样：

$('#colorpicker').farbtastic(function(color) {
    console.log('The user has just selected the following color: ' + color);
});

哦，如果您想在输入或任何其他元素中显示颜色，您可以将前面的示例更改为：

$('#colorpicker').farbtastic(function(color) {
    console.log('The user has just selected the following color: ' + color);
    // setting input value
    $('#colorpicker').val(color);
});

希望对您有所帮助。

查找 Farbtastic 颜色选择器当前值

Find Farbtastic color picker current value

javascript

jquery

jquery-plugins