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

Question

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

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

然后我控制台日志但每当我点击输入，它只推动最后输入值。

为什么？

JSFIDDLE

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

声明瓦尔斯阵列的事件侦听

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);