input type range 슬라이더(slider) value 값 실시간표시, oninput
1. 슬라이더 객체 input type = range 사용하기 HTML5 에서 제공하는 range 객체를 이용하려면 아래와 같이 사용하면 됩니다. 이때, onchange() 이벤트를 이용하면 슬라이더 객체의 값을 확인할 수 있죠 하지만, 슬라이더가 멈추었을 때에만 값을 확인할 수가 있기 때문에, 이를 실시간으로 표시하려면 아래와 같이 사용하면 된다. 0 * 덧붙임 * 0 즉, oninput event 를 이용하면 바로 적용이 가능하다. 다만, oninput event 는 chrome 에서는 동작하지만, firefox, iexplorer 에서는 동작하지 않는다.
IT공부방/HTML5, CSS
2016. 8. 24. 17:39
