키 이벤트

Question

내가 선택 상자를 만들고 스크롤러가 추락하지 않고 키 이벤트와 값의 선택이 바이올린은 그냥 잘

을 노력에서 KeyDown 후 키 이벤트를 걸었습니다

으로 보이는 값을 얻는 방법 스크롤을 제어하는 ​​방법 때문에 주변에서 작업 할
http://jsfiddle.net/nsoni/d8FNp/1/

HTML :

<div class="scrol"> 
    <div class="ful ful_1">1</div> 
    <div class="ful ful_2">2</div> 
    <div class="ful ful_3">3</div> 
    <div class="ful ful_4">4</div> 
    <div class="ful ful_5">5</div> 
    <div class="ful ful_6">6</div> 
    <div class="ful ful_7">7</div> 
    <div class="ful ful_8">8</div> 
    <div class="ful ful_9">9</div> 
    <div class="ful ful_10">10</div> 
</div> 

JQuery와 :

01 23,516,

var i=1; 
$(window).bind('keydown', function(e){ 
    if (e.keyCode==13) { 
     alert($('.change').text()); 
    } else if (e.keyCode==40) { 
     if(i>=11)i=1; 
     $('.ful').removeClass("change"); 
     $('.ful_'+i).addClass("change"); i++;  
    } 
    else if (e.keyCode==38) { 
     if(i<=0)i=10; 
     $('.ful').removeClass("change"); 
     $('.ful_'+i).addClass("change"); i--; 
    } 
}); 

CSS는 :

.scrol{ 
    width:50%; 
    height:160px; 
    overflow-y: scroll; 
    overflow-x:hidden; 
} 
.ful{ 
    background:grey; 
    margin-bottom:2px; 
    border:1px solid; 
} 
.change{ 
    background:#fff; 
} 
.change1{ 
    background:#cdcdcd; 
} 

Answer 1

어쩌면이 원하는 방향으로 간다?

var i = 1; 

$(document).on('keydown', function (e) { 

    if (e.keyCode == 13) { 
    } else if (e.keyCode == 40) { 
     i++; 
     if (i >= 11) i = 1; 
     $('.ful').removeClass("change"); 
     $('.ful_' + i).addClass("change"); 
     $('.scrol').animate({scrollTop:$('.ful_' + i).offset().top},200); 

    } else if (e.keyCode == 38) { 
     i--; 
     if (i <= 0) i = 10; 
     $('.ful').removeClass("change"); 
     $('.ful_' + i).addClass("change"); 
     $('.scrol').animate({scrollTop:$('.ful_' + i).offset().top}, 200); 

    } 
    e.preventDefault(); 
}); 

http://jsfiddle.net/a99He/2/