Question

我想将输入值存储到数组中。

当我点击回车时，我得到输入值并推入vals数组。

然后我控制日志，但每当我点击进入时，它只会推送最后一个输入值。

为什么？

var input = document.getElementById("input");

input.addEventListener("keyup", function(e) {
  var val = e.target.value;
  var vals = [];

  if (e.which == 13) {

    vals.push(val);
    input.value = " ";
    console.log(vals);

  }

}, false);

Answer 1

您的代码仅显示最后一个值的原因是因为您的数组是函数的本地数组，因此它仅在该函数在范围内时才存在。而是将其设置为全局，这样您就可以将多个元素推送到数组中，然后再访问它。

 var vals = [];   //make this global 

 var input = document.getElementById("input");

input.addEventListener("keyup", function(e) {
  var val = e.target.value;
  if (e.which == 13) {

    vals.push(val);
    input.value = " ";
    console.log(vals);

  }

}, false);

Answer 2

您只需要初始化一次数组

var input = document.getElementById("input");
var vals = [];
input.addEventListener("keyup", function(e) {
  var val = e.target.value;


  if (e.which == 13) {

    vals.push(val);
    input.value = " ";
    console.log(vals);

  }

}, false);

Answer 3

在事件侦听器之外声明vals数组

var input = document.getElementById("input");
var vals = [];

input.addEventListener("keyup", function(e) {
    var val = e.target.value;

    if (e.which == 13) {

        vals.push(val);
        input.value = " ";
        console.log(vals);

    }

}, false);

为什么我的输入值不存储在数组中？

3 个答案: