OnChange создать автосохранения функции (JavaScript) не работает

Question

Работы по .click сохранить в LocalStorage:

$("check").onclick = function(){ 
    parkArray = [check1,check2,check3,check4,check5]; 
    localStorage.removeItem ("saveArray");  
    localStorage.setItem("saveArray",JSON.stringify(parkArray)); 

Не работаю на OnChange к автосохранению в LocalStorage

parkArray = [check1,check2,check3,check4,check5]; 
    parkArray.onchange = function() { 
    localStorage.removeItem ("saveArray");  
    localStorage.setItem("saveArray",JSON.stringify(parkArray)); 

Может ли кто-нибудь посоветовать, как это решить, если я хочу, чтобы Array автосохраняется при изменении? Спасибо.

Оригинальная ссылка: https://github.com/erictsaiweb/card-parking/blob/master/cardpark.js

Answer 1

Вы должны работать с функцией обратного вызова.

// initalize 
var parkArray = [check1,check2,check3,check4,check5]; 

// change 
changeParkArray([check4,check5,check6,check7,check8], onChangeParkArray); 

// change ahain 
changeParkArray([check9,check10,check12,check21,check100], onChangeParkArray); 


// the function who changes the array 
function changeParkArray(newValue, callback){ 
    parkArray = newValue; 
    callback(newValue); 
} 

// function to run after ParkArray is changed 
function onChangeParkArray(data){ 
    localStorage.removeItem ("saveArray");  
    localStorage.setItem("saveArray",JSON.stringify(data));  
} 

Answer 2

Вы не можете использовать функцию onclick на объект JQuery, как он предназначен для объекта JavaScript (например document.getElementById('element').onclick....) оно должно быть .click или .on('click').

И вы не нацеливание вашего элемента правильно, check ... Является ли это class или id ...

И onchange не существует в прототипе массива. Он предназначен только для DOM объекта, такого как input и select.

Что вы можете сделать для массива, это проверить, является ли массив parkArray таким же, как у localStorage.

например

$("#check").click(function(){ 
    var saveArray = (localStorage.saveArray != undefined) ? JSON.parse(localStorage.saveArray) : []; 
    parkArray = [check1,check2,check3,check4,check5]; 

    saveArray.forEach(function(v, i){ 
    if(parkArray.indexOf(v) < 0){ 
     localStorage.removeItem ("saveArray");  
     localStorage.setItem("saveArray",JSON.stringify(parkArray)); 
    } 
    }); 
});