javascript - 将调色板添加到 ASP.NET 文本框

Question

我需要向表单添加调色板，以便用户可以在普通文本框中选择特定文本，然后从调色板中选择颜色。

然后，我会在所选文本之前和之后添加一个前缀，例如 HTML 标记，这样当文本反弹到 div 或任何其他 HTML 控件中时，用户可以看到所选颜色的文本。

我希望在不使用 AJAXControlToolkit 的情况下实现这一点。

Answer 1

如果您不介意使用 jQuery，则可以使用 jQuery 来完成此操作:

有一个常规文本输入元素，如下所示:

<input type="text" maxlength="6" size="6" id="colorpickerField1" value="00ff00">

您可以创建一个颜色选择器来执行以下操作:

<script type="text/javascript" src="js/colorpicker.js"></script>

$(document).ready(function(){
   $('#colorpickerField1').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);
      });
});

并且colorpicker.js可以下载from here.