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 可以从这里下载。