HTML5/JS 저장 이벤트 핸들러

HTML5 및 JS와 함께 사파리 웹킷의 엔진을 사용하여 오프라인 애플리케이션을 만듭니다. 이제 sessionStorage 배열을 사용하여 내 애플리케이션 (시뮬레이션)의 상태를 저장하고 있습니다.HTML5/JS 저장 이벤트 핸들러

저장 데이터 수는 http://jsfiddle.net/pvRgH/에 Anurag에 의해 preformd 테스트가 여기

window.addEventListener('storage', storageEventHandler, false); 
function storageEventHandler(evt){ 
    alert("storage event called key: " + evt.key); 
    switch(evt.key){ 
     case 'bat1': 
     case 'bat2': batteryDCMeter(); break; 
     case 'extPowerOn': rechargeBattery(); break; 
    } 
} 

function load() 
{ 
    dashcode.setupParts(); 
    //set HTML 5 key/value's 
    sessionStorage.setItem('bat1', 'OFF'); 
    sessionStorage.setItem('bat2', 'OFF'); 
    sessionStorage.setItem('bat1DC', '26.2'); 
    sessionStorage.setItem('bat2DC', '26.2'); 
} 

function bat1OnOff(event) 
{ 
    if(sessionStorage['bat1'] == 'OFF'){ 
     sessionStorage['bat1'] = 'ON'; 
    }else{ 
     sessionStorage['bat1'] = "OFF"; 
    } 
} 


function bat2OnOff(event) 
{ 
    if(sessionStorage['bat2'] == 'OFF'){ 
     sessionStorage['bat2'] = 'ON'; 
    }else{ 
     sessionStorage['bat2'] = "OFF"; 
    } 
}

출처

2010-06-16 Ken