Back to all docs
API Reference / ui / ColorPicker / change
New to Kendo UI for jQuery? Start a free 30-day trial

Change

events

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.

change

Event Data

e.value String

The value of the colorpicker.

<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>
<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>
Not finding the help you need?
Contact Support