Mi chiedo solo se qualcuno sappia quali eventi si attiva un <input type="number" />elemento HTML5 quando si fa clic sulle sue frecce su / giù:
Sto già usando un onblurper quando lo stato attivo lascia il campo di input.
Risposte:
change sarebbe l'evento che viene generato quando il valore del campo cambia.
Penso che anche l'evento HTML5 inputverrebbe attivato.
oninputviene attivato solo quando si fa clic sulle frecce "su" e "giù".
changenon si attiva quando si digita il valore, solo quando si fa clic sui pulsanti (almeno su Firefox).
inputè come una fusione trakeyup change
Ho scoperto che per jQuery il seguente codice copriva l'input da tastiera, le modifiche della rotellina del mouse e i clic sui pulsanti in Chrome e gestiva anche l'input da tastiera in Firefox
$("input[type=number]").bind('keyup input', function(){
// handle event
});
.bind()ora è deprecato a favore di.on()
L'ho trovato onkeyupe ho onchangecoperto tutto in Chrome 19. Gestisce l'inserimento diretto del valore, la pressione dei tasti freccia su giù, il clic sui pulsanti e lo scorrimento della rotellina del mouse.
onchangeda sola sarebbe sufficiente in Chrome, ma altri browser che riproducono il campo solo come una casella di testo necessitano onkeyupdell'associazione, che funziona perfettamente per leggere il nuovo valore.
Vincolare l' mousewheelevento separatamente ha avuto meno successo. L'evento è stato attivato troppo presto, prima che il valore del campo venisse aggiornato, e quindi ha sempre fornito il valore precedente del campo
In Edge è presente un bug che impedisce l' attivazione di modifiche o input quando si utilizzano i tasti freccia in un input numerico.