obsługi zdarzeń dla elementu wejściowego koloru html5

Question

użyciu nowego wejścia = „color” elementu w Chrome uruchamia nowe okno podręczne:

chciałbym wiedzieć, czy istnieje procedura obsługi zdarzenia odpala tak szybko, jak wartość w tym oknie podglądu zmian, a nie tylko po kliknięciu na przycisk „OK”

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

Zobacz http://jsfiddle.net/Riesling/PEGS4/

Answer 1

Co szukasz jest input event.

Twój modified fiddle powinien działać we wszystkich przeglądarkach (porządnych):

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

Answer 2

Aby uzyskać wartość wejścia kolorów, należy użyć atrybutu zdarzenia onchange przewidzianego w w3school

<input name="eventColor" type="color" onchange="getColorVal(eventColor.value)"/> 

i zdefiniować funkcję obsługi zdarzenia

function getColorVal(colorValue){ 

    alert(colorValue); 
} 

Answer 3

Naprawdę chcesz zdarzenia na wejściu HTML spec. Nic nie gwarantuje zmiany zdarzenia na ogień, zanim element wejściowy utraci ostrość.

„Zdarzenie wejściowe kiedy użytkownik zmodyfikował dane z kontroli. Zdarzenie zmienia się, gdy wartość jest popełniane, jeśli to ma sens dla kontroli, albo gdy kontrola traci ostrość.”