입력 유형 범위에 대해 Firefox에서 드래그 시 Onchange 이벤트가 트리거되지 않음

요소에 대한 onchange 이벤트 일반적으로 사용자가 값을 변경할 때 실행됩니다. 그러나 Firefox에서는 슬라이더를 드래그한 후 놓을 때만 이 이벤트가 트리거됩니다. 이는 드래그 작업 중에 이벤트가 시작되는 Chrome과 같은 브라우저와 다릅니다.

해결책: oninput 이벤트 사용

이 불일치를 해결하고 드래그 작업 중에 지속적인 값 업데이트를 활성화하려면 Firefox에서 드래그하는 경우 onchange 대신 oninput 이벤트를 사용하는 것이 좋습니다. oninput 이벤트는 마우스와 키보드 입력 모두에서 실시간 업데이트를 캡처하여 Firefox, Safari, Chrome을 포함한 모든 주요 브라우저에서 지속적인 값 업데이트를 보장합니다.

oninput과 onchange 결합

입력 입력을 지원하지 않는 IE10과 같은 이전 브라우저에서 지원하려면 두 이벤트 핸들러를 결합할 수 있습니다. 이렇게 하면 드래그 중 연속 값 업데이트와 릴리스 시 최종 값 업데이트가 모두 처리됩니다.

추가 정보

브라우저의 onchange 이벤트 동작에 대한 자세한 내용은 다음 Bugzilla 스레드를 참조하세요: https://bugzilla.mozilla. org/show_bug.cgi?id=1145662.