Frage Welche Ereignisse löst ein aus, wenn sein Wert geändert wird?


Ich frage mich nur, ob jemand weiß, welche Ereignisse ein HTML5 <input type="number" /> Element wird ausgelöst, wenn auf die Pfeile nach oben / unten geklickt wird:

example number input

Ich benutze bereits ein onblur wenn der Fokus das Eingabefeld verlässt.


76
2017-10-15 07:26


Ursprung


Antworten:


change wäre das Ereignis, das ausgelöst wird, wenn sich der Feldwert ändert.

Ich denke das HTML5-Ereignis input würde auch feuern.


56
2017-10-15 07:30



Ich fand heraus, dass der folgende Code für jQuery Tastatureingaben, Mausradänderungen und Schaltflächenklicks in Chrome umfasste und auch die Tastatureingabe in Firefox behandelte

$("input[type=number]").bind('keyup input', function(){
    // handle event
});

29
2018-04-09 10:37



ich habe das gefunden onkeyup und onchange alles in Chrome 19 abgedeckt. Hier erfolgt die direkte Werteingabe, Aufwärts-Abwärts-Tastendruck, Klicken auf die Schaltflächen und Scrollen mit dem Mausrad.

onchange Alleine wäre in Chrome ausreichend, aber andere Browser, die das Feld nur als Textfeld darstellen, brauchen das onkeyup Bindung, die perfekt funktioniert, um den neuen Wert zu lesen.

Bindung der mousewheel Ereignis separat war weniger erfolgreich. Das Ereignis wurde zu früh ausgelöst - bevor der Feldwert aktualisiert wurde - und gab daher immer den vorherigen Wert des Felds an


6
2018-05-24 12:42



Das onchange Ereignis feuert auf Unschärfe, aber die oninput Ereignis wird während der Eingabe ausgelöst. Vielleicht möchten Sie vielleicht einen Timer auf die oninput Ereignis und feuern Sie Ihr onchange Ereignis, wenn der Benutzer für eine Sekunde aufgehört hat zu tippen?


3
2017-10-15 07:50



Da ist ein aktueller Fehler in Edge Verhindern von Änderungen oder Eingaben von Feuern, wenn die Pfeiltasten in einem Zahleneingang verwendet werden.


0
2018-02-26 08:02