gestore di eventi per un elemento di input colore HTML5

Utilizzando il nuovo input = elemento "colore" all'interno di Chrome attiva una nuova finestra di dialogo pop-up:gestore di eventi per un elemento di input colore HTML5

screenshot color dialog

Vorrei sapere se c'è un gestore di eventi che gli incendi non appena il valore in questa finestra di anteprima modifiche e non solo dopo aver fatto clic su "OK"

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

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

fonte

2012-12-10 Riesling

Quello che state cercando è la input event.

tuo modified fiddle dovrebbero ora funzionare in tutti i browser (decente):

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

fonte

2014-09-03 17:20:58

Purtroppo, Google Chrome sembra non supportare più questo evento a partire dalla data di questo commento. –

@acicali: Credo che tu ti sbagli. Il mio violino funziona ancora sull'ultima versione –

Spiacente, ho frainteso il violino. L'evento di input sembra semplicemente rispecchiare l'evento di modifica in questo caso, mi aspettavo un comportamento diverso. –

-1

Per ottenere il valore di immissione di colore, è necessario utilizzare l'attributo evento onchange fornite in w3school

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

e definire una funzione che gestisce l'evento

function getColorVal(colorValue){ 

    alert(colorValue); 
}

fonte

2013-01-17 11:07:52 palAlaa

Che ne dici di fare invece un $ ('# idname'). Change(); evento? – shubniggurath

Questo non ha risposto alla domanda in questo post, onchange si attiva solo dopo aver fatto clic sul pulsante OK. – Naga

È necessario evitare Javascript in linea (vedere [questa risposta SO] (http://stackoverflow.com/a/21975639/379160)). – thirdender

si vuole veramente evento di input per specifiche HTML. Niente garantisce che l'evento di cambiamento venga attivato prima che l'elemento di input abbia perso la messa a fuoco.

"L'evento di ingresso ogni volta che l'utente ha modificato i dati del controllo. L'evento cambia quando il valore si impegna, se ha senso per il controllo, oppure quando il controllo perde concentrarsi."

fonte

2014-09-03 17:34:58 anon

gestore di eventi per un elemento di input colore HTML5

risposta

Problemi correlati