import{init,addEventListener,removeEventListener,}from"custom-local-storage";// localStorage.setItem, localStorage.removeItem 사용하기 전에 실행init("CustomStorage");// 이벤트 리스너 등록, 삭제addEventListener("CustomStorage",handleStorageChange);removeEventListener("CustomStorage",handleStorageChange);
Original Local Storage Event
Browser의 Local Storage에 저장한 데이터가 변경 될 때 이벤트가 발생한다.
해당 이벤트의 경우 동일 Window에서 발생한 경우 감지하지 못하고 오로지, 다른 Window에서 발생할 때에만 감지할 수 있다.
애초에 용도가 서로 다른 Window 간의 데이터 공유를 위해서 만들어졌다고 한다.
window.addEventListener("storage",eventHandler);
Custom Local Storage Event
제작 의도에 맞지 않게, 동일한 Window에서 이벤트를 감지하고 싶은 경우, localStorage에서 제공하는 함수를 Customizing 해야 된다.