Onchange-Ereignis wird beim Ziehen in Firefox für Eingabetypbereich nicht ausgelöst

Das Onchange-Ereignis für ein -Element Wird normalerweise ausgelöst, wenn der Benutzer seinen Wert ändert. In Firefox wird dieses Ereignis jedoch nur ausgelöst, wenn der Schieberegler nach dem Ziehen losgelassen wird. Dies unterscheidet sich von Browsern wie Chrome, wo das Ereignis während des Drag-Vorgangs ausgelöst wird.

Lösung: Verwenden von oninput Event

Um diese Diskrepanz zu beheben und kontinuierliche Wertaktualisierungen während zu ermöglichen Wenn Sie in Firefox Drag ziehen, wird empfohlen, das Ereignis oninput anstelle von onchange zu verwenden. Das oninput-Ereignis erfasst Live-Updates von Maus- und Tastatureingaben und sorgt so für kontinuierliche Wertaktualisierungen in allen gängigen Browsern, einschließlich Firefox, Safari und Chrome.

Kombination von oninput und onchange

Zur Unterstützung in älteren Browsern wie IE10, die oninput nicht unterstützen, können Sie beide Event-Handler kombinieren. Dadurch wird sichergestellt, dass sowohl kontinuierliche Wertaktualisierungen während des Ziehens als auch die endgültige Wertaktualisierung bei der Freigabe behandelt werden:

Zusätzliche Informationen

Weitere Details zum Verhalten des onchange-Ereignisses in Browsern finden Sie im folgenden Bugzilla-Thread: https://bugzilla.mozilla. org/show_bug.cgi?id=1145662.