select

Fires as a new color is displayed in the drop-down picker. This is not necessarily the "final" value; for example this event triggers when the sliders in the HSV selector are dragged, but then pressing ESC would cancel the selection and the color will revert to the original value.

e.value String

The value of the colorpicker.

Example - subscribe to the "select" event during initialization

<div id="colorpicker"></div>
<script>
$("#colorpicker").kendoColorPicker({
  select: function(e) {
    console.log("The selected color is ", e.value);
  }
});
</script>

Example - subscribe to the "select" event after initialization

<div id="colorpicker"></div>
<script>
function picker_select(e) {
  console.log("The selected color is ", e.value);
}
$("#colorpicker").kendoColorPicker();
var colorpicker = $("#colorpicker").data("kendoColorPicker");
colorpicker.bind("select", picker_select);
</script>
In this article
Not finding the help you need? Improve this article