Если я правильно понимаю вопрос, проблема в том, что на Firefox onchange
Хэндлер не выполняется, когда вы нажимаете кнопку мыши, когда курсор находится на кнопке ползунка, и перемещать мышь. Он выполняется только после того, как вы отпустите кнопку мыши после такого движения.
Похоже, это правильное поведение (хотя некоторые другие браузеры не соответствуют), поскольку HTML5 CR говорит о change
мероприятие: «Если элемент не имеет определенного поведения активации, но использует пользовательский интерфейс, который включает в себя явное действие совершения, то в любое время, когда пользователь совершает изменение значения элемента или список выбранных файлов, пользовательский агент должен стоять в очереди на задачу с Установите простое событие, которое пузырит, названные изменением в входном элементе ».
Это немного сложная формулировка, но за ней следует разъясняющий пример: «Третий пример пользовательского интерфейса с действием коммита будет элемент управления диапазоном, который использует слайдер. В то время как пользователь перетаскивает ручку управления, входные события будут стрелять при изменении позиции, тогда как событие изменения будет стрелять только тогда, когда пользователь отпустит ручку, применяя определенное значение ».
Вывод заключается в том, что в этом случае вы должны использовать oninput
атрибут вместо onchange
. Анкет На практике, onmousemove
работает тоже, но oninput
лучше, поскольку можно ожидать, что это будет работать с методами ввода, которые не используют мышь (какими бы они ни были, например, управление голосом).