--- title: "JavaScript Color Picker Events" description: "Learn how to handle JavaScript events in your color picker plugin to create interactive and dynamic user interfaces." source: https://jsuites.net/docs/color-picker/events --- ## Events Easily manage and customize events in your JavaScript color picker to create dynamic and responsive interactions for your application. | Method | Description | |----------|--------------------------------------------------------------------------------------------| | onchange | Triggered when the color value changes.
`(HTMLElement element, String color) => void` | | onclose | Triggered when the color picker is closed.
`(HTMLElement element) => void` | | onopen | Triggered when the color picker is opened.
`(HTMLElement element) => void` | ## Example Define custom actions when a color is selected or when the picker opens or closes: ```html ``` ### More Examples * [Color Picker Events](/docs/color-picker/events) * [Color Palettes](/docs/color-picker/color-palettes) * [Responsive Color Picker](/docs/color-picker/mobile) ## Related Documentation - [jSuites Color Picker](https://jsuites.net/docs/color-picker) - Main color picker documentation - [LemonadeJS Color Picker](https://lemonadejs.net/docs/plugins/color-picker) - Reactive alternative with two-way data binding