onchange pour créer la fonction de sauvegarde automatique (javascript) ne fonctionne pas

Question

travail par .cliquez pour sauver dans localStorage:

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

N'a pas travaillé par onchange à autosave dans localStorage

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

Quelqu'un peut-il donner des conseils sur la façon de résoudre ce problème si je veux que le système sauvegarde automatiquement les données quand il est changé? Merci.

lien d'origine: https://github.com/erictsaiweb/card-parking/blob/master/cardpark.js

Answer 1

Vous devez travailler avec une fonction de rappel.

// 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

Vous ne pouvez pas utiliser la fonction onclick sur un objet jQuery car il est destiné à un objet JavaScript (par exemple document.getElementById('element').onclick....) il devrait être .click ou .on('click').

Et vous n'êtes pas cibler correctement votre élément, check ... Est-ce un class ou un id ...

Et onchange n'existe pas dans le prototype de tableau. Il est uniquement destiné à l'objet DOM comme input et select.

Ce que vous pouvez faire pour le tableau est de vérifier si le tableau parkArray est le même que celui de localStorage.

par exemple

$("#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)); 
    } 
    }); 
});