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) {
/* The result can be observed in the DevTools(F12) console of the browser. */
    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) {
/* The result can be observed in the DevTools(F12) console of the browser. */
  console.log("The selected color is ", e.value);
}
$("#colorpicker").kendoColorPicker();
var colorpicker = $("#colorpicker").data("kendoColorPicker");
colorpicker.bind("select", picker_select);
</script>
In this article