cancel

Fires when a cancel button is clicked or user clicks outside of the picker when cancel and apply buttons are shown.

<input id="colorpicker" type="color" />

<script type="text/javascript">

     $(function () {
        $("#colorpicker").shieldColorPicker({
           displayInline: true,
           value: "#f23210",
           events: {
               cancel: function(e) {
                   var color = e.target.value();
               }
           }
        });
     });

</script>