Question

嘻嘻，

我已经在我的CSS中制作了条形图，现在我编写了代码，所以当你按下箭头键时，你会看到值正在改变条形图（它正在上升）。现在我想当你按住箭头键时值正在改变，当你释放箭头键时，条形停止（上升）你释放按钮的位置.....有谁知道如何？

这是我的代码现在注释

window.onkeydown = function(e){
if(e.keyCode == 40){
    changeIdValue("balklongwaarde", "60px");
};
}

这就是我的css中的条形图

/*bar for lungs*/
#balklongwaarde{
height: 150px;
width: 40px;
border: 1px solid #2e9afe;
background: #2e9afe;
position: absolute;
margin-top: 200px;
margin-left: 200px;
}

这也是我的动画

* {
-webkit-transition:1s 0s all ease;
   -moz-transition:1s 0s all ease;
     -o-transition:1s 0s all ease;
        transition:1s 0s all ease;

Answer 1

您可以使用setInterval来模拟按下的键，here和示例

var intervalID;
//through arrow down values are changing//
window.onkeydown = function(e){
    if(e.keyCode == 40){
        if(typeof intervalID == 'undefined') {
            intervalID = window.setInterval(changeIdValue, 10);       
        }

    };
}

用箭头键向下改变条形值

1 个答案: