手动更新引导程序颜色选择器

Question

我在bootstrap上使用以下颜色选择器:

http://www.eyecon.ro/bootstrap-colorpicker/

我正在使用以下代码更改页面上元素的背景颜色:

<input type="text" id="mypicker" name="mypicker" value="" class="input-mini color"/>

<script type="text/javascript">
    $(function() {
        $("#mypicker").val('#ffffff');

        $("#mypicker").colorpicker({
            format: 'hex'})
            .on('changeColor', function(event) {

                $('#target').css('background',event.color.toHex());             
            }
        );
    });
</script>

<div id="target" style="height:50px;width:50px;"></div>

当我尝试通过键入来手动输入十六进制代码时,它的工作方式不同.它似乎似乎没有触发更新键盘上的颜色甚至是无焦点.

我通过编辑src'update:'找到了一种方法来添加:

this.element.trigger({
                type: 'changeColor',
                color: this.color
            });

但是,我原以为会有更好的方法.

Answer 1

根据文档,您应该能够执行以下操作:

$('#mypicker').on('keyup', function() {
    $(this).colorpicker('setValue', $(this).val());
});