javascript addEventListener 'storage' in jquery

Question

What is the equivalent of this javascript addEventListener

function displayStorageEvent(e) {
    if (e.key == 'storage-event') {
        output.innerHTML = localStorage.getItem("storage-event");
    }
}
window.addEventListener("storage", displayStorageEvent, true);

to Jquery? I have been trying to use it with .bind() but it does not know the "storage" keyword. I tried it with this but 'e' is undefined.

$(document).ready(function(){
    displayStorageEvent();
});

thanks.

Checkout: http://stackoverflow.com/questions/4671852/how-to-bind-to-localstorage-change-event-using-jquery-for-all-browsers — sv_in, Dec 11 '13 at 06:11

score 0 · Answer 1 · answered Dec 11 '13 at 06:28

I think I got it. I did not realize that I overlooked a few information.

$(document).ready(function(){
    $("#mybutton").bind("click", function(){
        updateStorageEvent();
        $("#mydiv").html(localStorage.getItem("storage-event"));
    });

    $(window).bind("storage",function(e){
        $("#mydiv").html(localStorage.getItem("storage-event"));
    });

});

javascript addEventListener 'storage' in jquery

1 Answers1