找到Farbtastic颜色选择器当前值

时间:2015-12-14 11:39:49

标签: javascript jquery jquery-plugins

有没有人知道如何在使用farbtastic颜色选择器时找到当前选择的值?我目前的代码是:

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

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

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

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

1 个答案:

答案 0 :(得分:5)

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);
});

希望有所帮助。