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

---

因为每次都将

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

部分是有原因的）。

你看不到它工作，因为你每次都将

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

部分是有原因的）。

你看不到它工作，因为你每次都将

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

部分是有原因的）。

你看不到它工作，因为你每次都将

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

部分是有原因的）。

由于您没有关闭代码，甚至没有正确缩进，我有点不确定确切的代码。我在这里输入时遇到问题。我会编辑它。由于你没有关闭代码，甚至没有正确缩进，我有点不确定确切的代码。我在这里输入时遇到了问题。我会编辑它。由于你没有关闭代码，甚至没有正确缩进，我有点不确定确切的代码。我在这里输入时遇到了问题。我会编辑它。由于你没有关闭代码，甚至没有正确缩进，我有点不确定确切的代码。我在这里输入时遇到了问题。我会编辑它。