Javascript keydown函数仅被调用一次

Question

由于某些原因，当我调用此函数时，它仅适用于第一个keydown。林不知道我做错了什么。

$(document).ready(function(){ 
$(document).keydown(function(e) { 
     var x = 10; 
    var code = (e.keyCode ? e.keyCode : e.which); 

     if(code == 40){ 

      function rise(x){ 
      $('#div2').css('bottom',x+'%'); 
     } 

     rise(x); 
    x++; 
     } 

Answer 1

你没有看到它的工作，因为你x到10每次重新初始化。

一个解决办法是把X外部范围：

$(document).ready(function(){ 
    var x = 10; 
    $(document).keydown(function(e) { 
     var code = (e.keyCode ? e.keyCode : e.which); 
     function rise(x){ 
      $('#div2').css('bottom',x+'%'); 
     } 
     rise(x); 
     x++; 
    }); 
}); 

需要注意的是，我们没有理由在这里定义rise功能。你可以简单地做

$(document).ready(function(){ 
    var x = 10; 
    $(document).keydown(function(e) { 
     var code = (e.keyCode ? e.keyCode : e.which); 
     $('#div2').css('bottom',x+'%'); 
     x++; 
    }); 
}); 

（我希望有一个原因为code部分）。