Событие onchange не срабатывает при перетаскивании в Firefox для диапазона типов ввода

Событие onchange для элемента обычно срабатывает, когда пользователь меняет его значение. Однако в Firefox это событие срабатывает только тогда, когда ползунок отпускается после перетаскивания. Это отличается от таких браузеров, как Chrome, где событие генерируется во время операции перетаскивания.

Решение: использование события oninput

Чтобы устранить это несоответствие и включить непрерывное обновление значений во время перетаскивания в Firefox рекомендуется использовать событие oninput вместо onchange. Событие oninput фиксирует текущие обновления с помощью мыши и клавиатуры, обеспечивая непрерывное обновление значений во всех основных браузерах, включая Firefox, Safari и Chrome.

Объединение oninput и onchange

Для поддержки в старых браузерах, таких как IE10, которые не поддерживают ввод, вы можете объединить оба обработчика событий. Это гарантирует, что обрабатываются как непрерывные обновления значений во время перетаскивания, так и окончательное обновление значений при отпускании:

Дополнительная информация

Для получения дополнительной информации о поведении события onchange в браузерах обратитесь к следующей теме Bugzilla: https://bugzilla.mozilla. org/show_bug.cgi?id=1145662.