InputRangeBox

input range에 up/down 버튼 추가, 현재 값 표시.

---

• ie11 : 동작 확인
• chrome 버전 70.0.3538.77(공식 빌드) (64비트) : 동작 확인
• firefox 62.0.3 (64비트) : 동작 확인
• https://github.com/mins01/ui_InputRangeBox
• JS / CSS

기본값

InputRangeBox.defaultPressInterval = 200 ms // 증가/감소 기본 반복 시간 (ms)

---

일반 Range

스타일 조작

폰트크기 : 너비 :
=>
대상

이벤트

readOnly / disabled

/

value

input.value inputRangeBox.value inputRangeBox.value = 10 inputRangeBox.value = '30.332'

버튼

디자인-1 적용:

/ readOnly : / disabled : /너비 100% 너비 100%/

기타

소수점 자리 고정 / 달력 / 접두사, 접미사

---

attr data-interval

interval=10 interval=100 interval=200 interval=1000

---

일반 Number

기본형

/ /

value

input.value inputNumberBox.value inputNumberBox.value = 10 inputNumberBox.value = '30.332'

이벤트

이벤트 테스트

attr data-interval

interval=10 interval=100 interval=200 interval=1000