How do I block the [removed]('beforeUnload') event for tag?

Question

In my project I need to get the user confirmation alert , when the user want to close the window/tab using X button.

But the window.on(\'before

Answer 1

$(document).ready(function () {
    $('#navigate').on('mouseenter', stopNavigate)
        .on('mouseout', function () {
        $(window).on('beforeunload', windowBeforeUnload);
    });

});

function stopNavigate(event) {
    $(window).off('beforeunload');
}

function windowBeforeUnload() {
    return 'Are you sure you want to leave?';
}

$(window).on('beforeunload', windowBeforeUnload);

DEMO