Как отслеживать removeItem и setItem из localstorage?

Question

[Александр Иванов]

developer.mozilla.org

window.addEventListener('storage',function(){
alert('session storage variable value changed');
});

Это код видит изменения когда я ввожу их с клавиаты или сам удаляю. Однако, когда делаю это через removeItem или setItem, он не видит ничего.

Answer 1

[Алексей Ярков]

Казалось бы - что может быть проще, чем скопировать кусок буржуйского текста и перевести в гугл переводчике, если не понимаешь что написано?

The StorageEvent is fired whenever a change is made to the Storage object. This won't work on the same page that is making the changes — it is really a way for other pages on the domain using the storage to sync any changes that are made. Pages on other domains can't access the same storage objects.

Перевод:

StorageEvent запускается всякий раз, когда в объект Storage вносятся изменения. Это не будет работать на той же странице, на которой вносятся изменения - это действительно способ для других страниц домена, использующих хранилище, для синхронизации любых внесенных изменений. Страницы в других доменах не могут получить доступ к тем же объектам хранилища.

Comments

[Александр Иванов]

В любом случае коментарий не особо полезен

[Алексей Ярков]

cimonlebedev, ну вам виднее. Я просто перевёл кусок документации по вашей же ссылке. Могу жирным выделить то, на что нужно обратить внимание.

[Александр]

cimonlebedev, Это будет работать в том случае, если вы копию страницы во второй вкладке откроете. При этом, вторая вкладка будет сообщать первой, что в хранилище что-то поменялось. Если хотите решить свою проблему, просто напишите обертку. Для того, чтобы тригерить события, можете почитать об EventEmitter (вот тут даже пример есть).

[Александр Иванов]

Александр, можете вынести коментарий в ответ? Отмечу решением

[Алексей Ярков]

cimonlebedev, вообще-то в моём ответе то же самое написано, при чём на 2-х языках ))

[Александр]

cimonlebedev, Написал Вам тоже самое, что и Алексей Ярков. Просто, возможно, еще и подтолкнул к решению.

Answer 2

[zkrvndm]

Просто напишите свой аналог seItem. Профит!