2014-04-10 7 views
10

HTML5 localStorage의 변경 사항을 감지 한 다음 변경 사항이있는 경우 특정 기능을 호출하는 방법이 있습니까? "e1", "e2", "e3"등의 이름으로 저장된 특정 키가 있습니다 ...localStorage의 변경 사항을 감지합니까?

키가 제거되거나 추가되었는지 감지하고 거기에있는 경우 일부 기능을 트리거하고 싶습니다. 모든 변경 ...

+0

가능한 [모든 브라우저에서 jQuery를 사용하여 localStorage 변경 이벤트에 바인딩하는 방법?] (http://stackoverflow.com/questions/4671852/how-to-bind-to-localstorage-change-event-using- jquery-for-all-browsers) – Blazemonger

답변

13

사양에 따라 Storage 인터페이스는 영향을 미치는 전역 개체에 storage event을 내 보냅니다.

그래서 귀하의 경우 당신은 심지어 jQuery에 대한 필요가 없습니다 핸들러

window.addEventListener("storage", function() { 
    // do your checks to detect 
    // changes in "e1", "e2" & "e3" here 
}, false); 

추가 할 수 있습니다.

+0

이것은 나를 위해 작동하지 않았다. http://i.imgur.com/IEAfOAE.jpg – madprops

+1

이벤트는 마스터 탭이 아닌 보조 탭 (동일한 도메인)에서 실행되기 때문에 @madprops. https://stackoverflow.com/a/4689033/1221082 – Denis

관련 문제