javascript - html5 颜色输入元素的事件处理程序

Question

在 Chrome 中使用新的 input="color"元素会触发一个新的弹出对话框:

我想知道是否有一个事件处理程序会在预览窗口中的值发生变化时立即触发，而不仅仅是在单击“确定”之后触发

jQuery('#colorinput').on('change', function() { // fires only after clicking OK
    jQuery('#main').css('background-color', jQuery(this).val()); 
 });​

参见 http://jsfiddle.net/Riesling/PEGS4/

Answer 1

您正在寻找的是 input event .

你的 modified fiddle现在应该在所有(体面的)浏览器中工作:

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