I am learning to use this JQuery cookie plugin at

From what I have read, it's really easy to read and remove a cookie. My question is: I want the cookie to be removed when the user navigates away from the page or close the window/tab, how do I do that? How do I detect such activity?

Thanks.

I am learning to use this JQuery cookie plugin at https://github./carhartl/jquery-cookie

From what I have read, it's really easy to read and remove a cookie. My question is: I want the cookie to be removed when the user navigates away from the page or close the window/tab, how do I do that? How do I detect such activity?

Thanks.

• javascript
• jquery
• html
• cookies

2 Answers 2

$(window).on('beforeunload', function () {
    // Remove the cookie
    $.cookie("name_of_cookie", null);
});

Also, we have one more option:

$(window).unload(function () {
    // Remove the cookie
    $.cookie("name_of_cookie", null);
});

The update to the accepted answer would be:

Cookies.remove('name');

With: https://github./js-cookie/js-cookie

The jQuery plugin is not longer mantained.