How to execute a function and track outbound link on page exit using Javascript?

Question

I want to execute few functions before the page just exits such as logging page exit time.

The onbeforeunload event when used shows a pop-up which I don't want.

Somehow when an outbound link is clicked, it should enter a function, fetch the link href, execute and then exit the page.

Without using JQuery.

Is this possible?

Answer 1

links = document.getElementsByTagName('a')
for(var i=0; i<links.length; i++){
    links[i].addEventListener('click', function(event){
        //do your stuff
        return true;
    });
};

give that a shot.

If you need information about the link itself, use the this construct. Specifically:

this.href

will get you the link address.

http://jsfiddle.net/6PEmj/5/

Answer 2

onbeforeunload only alerts when a return value is specified.

Try using this to detect when an outbound link is clicked:

var a = document.getElementsByTagName('a'),
    i = a.length,
    domain = new RegExp(location.href.match(/(^.*)\./)[1]),
    onLeave = function () {
        if (!domain.test(this.href)) {
            alert('Leaving!');
        }
    };

while (i--) {
    a[i].onclick = onLeave;
}