change

Fires when a color was selected, either by clicking on it (in the simple picker), by clicking ENTER or by pressing "Apply" in the HSV picker.

Event Data

e.value String

The value of the colorpicker.

Example - subscribe to the "change" event during initialization

<div id="colorpicker"></div>
<script>
$("#colorpicker").kendoColorPicker({
  change: function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
    console.log("The picked color is ", e.value);
  }
});
</script>

Example - subscribe to the "change" event after initialization

<div id="colorpicker"></div>
<script>
function picker_change(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
  console.log("The picked color is ", e.value);
}
$("#colorpicker").kendoColorPicker();
var colorpicker = $("#colorpicker").data("kendoColorPicker");
colorpicker.bind("change", picker_change);
</script>