범위 입력 드래그 시 Firefox onchange 이벤트가 트리거되지 않음

"범위" 유형의 입력 요소에서 슬라이더를 드래그하면 onchange 이벤트는 슬라이더가 Firefox의 새 위치로 떨어질 때만 트리거됩니다. 이와 대조적으로 Chrome 및 기타 브라우저는 드래그하는 동안 onchange 이벤트를 트리거합니다.

해결책: oninput 이벤트 사용

Firefox는 다음과 같이 릴리스 시에만 onchange 이벤트를 올바르게 트리거합니다. 사양. 모든 브라우저에서 드래그하는 동안 실시간 업데이트를 캡처하려면 대신 oninput 이벤트를 사용하세요.

function showVal(newVal){
    document.getElementById("valBox").innerHTML=newVal;
}

크로스 브라우저용 oninput 및 onchange 결합 호환성

브라우저 간 호환성을 위해 oninput 및 onchange 이벤트 핸들러를 결합하는 것을 고려하세요.

이렇게 하면 출시 시 Firefox에서 onchange 이벤트가 계속 트리거되고 oninput 이벤트는 모든 브라우저에서 지속적인 업데이트를 제공합니다.