javascript - jQuery Colorpicker在单击时更改值

我正在使用这个jQuery Colorpicker http://www.eyecon.ro/colorpicker/#about

我有什么办法可以使它在颜色选择器上单击时更改输入的值（*颜色代码）？

现在，它仅通过单击“颜色选择器”上的“提交”按钮来提交选择的颜色。

    <input type="text" value="#FFFFFF">

    <script type="text/javascript">
    $.noConflict();
    jQuery(document).ready(function ($) {
      $('input').ColorPicker({
          onSubmit: function(hsb, hex, rgb, el) {
              $(el).val('#' + hex);
              $(el).ColorPickerHide();
          },
          onBeforeShow: function () {
              $(this).ColorPickerSetColor(this.value);
          }
      })
      .bind('keyup', function(){
          $(this).ColorPickerSetColor(this.value);
      });
    });

</script>

最佳答案

找不到好的方法，但是这是一个丑陋的方法，但希望它不是完全坏的方法：

jQuery(document).ready(function ($) {
  var $pickerInput;
  $('input').ColorPicker({
      onSubmit: function(hsb, hex, rgb, el) {
          $(el).val('#' + hex);
          $(el).ColorPickerHide();
      },
      onBeforeShow: function () {
          $(this).ColorPickerSetColor(this.value);
          $pickerInput = $(this);
      },
      onHide: function(picker) {
          $pickerInput.val('#' + $(picker).find('.colorpicker_hex input').val());
      }
  })
  .bind('keyup', function(){
      $(this).ColorPickerSetColor(this.value);
  });
});

关于javascript - jQuery Colorpicker在单击时更改值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21934444/