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部分）。