Firefox에서 드래그 시 입력 유형 범위에 대한 Onchange 이벤트를 트리거하는 방법은 무엇입니까?

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

해결책: oninput 이벤트 사용

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

oninput과 onchange 결합

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

<code class="html"><span id="valBox"></span>
<input type="range" min="5" max="10" step="1" oninput="showVal(this.value)" onchange="showVal(this.value)"></code>

추가 정보

브라우저의 onchange 이벤트에 대해서는 다음 Bugzilla 스레드를 참조하십시오: https://bugzilla.mozilla.org/show_bug.cgi?id=1145662.

위 내용은 Firefox에서 드래그 시 입력 유형 범위에 대한 Onchange 이벤트를 트리거하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!