Display Popup when you realize the user will leave the page

Question

I am willing to display a Popup to display a form to capture the email and the name of the user who is accessing the site at the time he is close to leaving the site. I see this commonly on several Andeg pages, especially those focused on lead conversion. Whenever I drag the mouse arrow to the browser close button, Popup appears.

Answer 1

In this case, what you want is the event of when the user takes the mouse out of the window. For this you can use a solution like this:

Create a function that applies cross-browser mode event:

function addEvent(obj, evt, fn) {
    if (obj.addEventListener) {
        obj.addEventListener(evt, fn, false);
    }
    else if (obj.attachEvent) {
        obj.attachEvent("on" + evt, fn);
    }
}

And then apply the event to when the mouse output occurs in the window::

addEvent(document, "mouseout", function(e) {
    e = e ? e : window.event;
    var from = e.relatedTarget || e.toElement;
    if (!from || from.nodeName == "HTML") {
        // Aqui você coloca o seu popup
        alert("left window");
    }
});

Below is the full sample code:

function addEvent(obj, evt, fn) {
    if (obj.addEventListener) {
        obj.addEventListener(evt, fn, false);
    }
    else if (obj.attachEvent) {
        obj.attachEvent("on" + evt, fn);
    }
}
addEvent(window,"load",function(e) {
    addEvent(document, "mouseout", function(e) {
        e = e ? e : window.event;
        var from = e.relatedTarget || e.toElement;
        if (!from || from.nodeName == "HTML") {
            // Aqui você coloca o seu popup
            alert("left window");
        }
    });
});