如何通过按键事件获取可见值答案

【问题标题】：How to get visible values by key event如何通过按键事件获取可见值
【发布时间】：2014-06-25 07:08:52
【问题描述】：

我正在制作一个选择框并在 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:

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;
}

【问题讨论】：

我不明白问题的图像和描述如何与小提琴中的内容相匹配？
没看懂问题...请详细说明。
只需使用您的up 和down 密钥。它突出了编号。她想显示突出显示的否，隐藏在overflow 中，可以通过动态滚动来显示。

标签： jquery html keyevent

【解决方案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/

【讨论】：