Heim > Web-Frontend > js-Tutorial > Wie löst man ein Onchange-Ereignis für den Eingabetypbereich beim Ziehen in Firefox aus?

Wie löst man ein Onchange-Ereignis für den Eingabetypbereich beim Ziehen in Firefox aus?

DDD
Freigeben: 2024-10-21 18:30:29
Original
1086 Leute haben es durchsucht

How to Trigger Onchange Event for Input Type Range on Drag in Firefox?

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

Das Onchange-Ereignis für einen

Lösung: Verwendung von oninput Event

Um diese Diskrepanz zu beheben und kontinuierliche Wertaktualisierungen währenddessen 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-Ereignis in Browsern finden Sie im folgenden Bugzilla-Thread: https://bugzilla.mozilla.org/show_bug.cgi?id=1145662.

Das obige ist der detaillierte Inhalt vonWie löst man ein Onchange-Ereignis für den Eingabetypbereich beim Ziehen in Firefox aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage