2011-01-28 4 views
2

페이지의 어느 곳에서나 마우스 휠을 사용하여 범위 슬라이더 값을 변경하려면 trying이지만 프로그래밍 방식으로 입력 값을 변경하는 방법을 모르겠습니다.<input type = "range"... 값을 프로그래밍 방식으로 어떻게 변경합니까?

HTML :

<input id="slider" type="range" min="0" max="100" step="1" value="50"> 

자바 스크립트 : 모든 포인터를 부탁드립니다

$(window).mousewheel(function(event, delta){ 
    $('#slider').val($('#slider').val()*1 + delta); 
}); 

// Another thing I tried, but didn't work: 
/* 
$('#slider').attr('value', oldval + 1); 
*/ 

여기 내 코드입니다.

+0

그것은 여기 (구글 크롬 9.0.597.83) 잘 작동 사용하지만, 입력 포커스가있는 경우 당신은 $'에'$ (창) '('# 슬라이더 ')' –

+0

을 변경하여 검사를 고려해야한다 팁을위한 @ Joshua 감사합니다! 마우스 휠로 슬라이더를 움직이는 것이 좋습니다! –

+0

또한 모든 브라우저에서 해당 기능에 기본 지원을 추가하면 솔루션이 실패하므로 이벤트도 차단하십시오. –

답변

5

문자열로 해석됩니다. 이

$(window).mousewheel(function(event, delta){ 
    $('#slider').val($('#slider').val()*1 + delta); 
// var oldval = $('#slider').attr('value'); 
// if(delta > 0) 
//  document.getElementById('slider').value++; 
// else 
//  document.getElementById('slider').value--; 
}); 

// Another thing I tried, but didn't work: 
/* 
$('#slider').attr('value', oldval + 1); 
*/ 
+0

흠, jsfiddle에서 시도했지만 작동하지 않았습니다. 나는 대신 parseInt를 시도 할 것이다. – lowerkey

+0

parseInt도 트릭을하지 않았습니다. – lowerkey

+1

@joshua, jsfiddle의 제 정확한 스크립트입니다 .. – RichardTheKiwi

관련 문제