Event handler for a html5 color input element

dom-events, html, javascript, jquery

Solution

What you are looking for is the `input` event.

Your modified fiddle should now work in all (decent) browsers:

$('#colorinput').on('input', function() { ... } )

Problem

Using the new input="color" element within Chrome triggers a new popup dialog: I would like to know if there is an event handler that fires as soon as the value in this preview window changes and not only after clicking on "OK" ``` jQuery('#colorinput').on('change', function() { // fires only after clicking OK jQuery('#main').css('background-color', jQuery(this).val()); });​ ``` See http://jsfiddle.net/Riesling/PEGS4/

Original source

Related problems