Saber cúando y cómo se abandona la página

[‭lipman]

Quisiera saber algún método para detectar y conocer la forma en la que un usuario abandona la página actual.

Hasta donde yo sé, podría poner en el body, una función en onUnload, y esta se activa cuando se cierra la página, o cuando se accede a algún link. Necesaria conocer alguna forma para que una función se active solamente cuando se accede a algún link.

Un saludo

[Mr. Crowley]

Necesaria conocer alguna forma para que una función se active solamente cuando se accede a algún link

Código (javascript) [Seleccionar] Expandir


$("a").click(function(){
    alert("Ahora se abrira la pagina " + $(this).attr("href"));
});


Con ese ejemplo muestra un mensaje con la URL del enlace al que se le hizo clic. Es solo para que lo tome como base 

Ojo: tiene que añadir JQuery

[Shell Root]

@Mr. Crowley, se podría reemplazar con lo siguiente, verdad?

Código (javascript) [Seleccionar] Expandir

function fClick_Previously(sHREF){
  alert('Now it will open the page: ' + sHREF);
}
PoC:

Código (html4strict) [Seleccionar] Expandir

<a href='index.php' onclick="fClick_Previously(this)">
  Click...
</a>

[Mr. Crowley]

Claro, ese tambien funciona pero tiene su desventaja. Cual? Hay que ponerle manualmente el evento onclick a cada uno de los enlaces, en cambio con JQuery se le asigna automaticamente a todos, como en el ejemplo que le di anteriormente.

Si no quiere "vigilar" todos los enlaces, entonces puede hacer una clase, ejemplo, clsSeguirEnlace y se hace lo siguiente:

Código (javascript) [Seleccionar] Expandir


$(".clsSeguirEnlace").click(function(){
   alert("El enlace es " + $(this).attr("href"));
});


Código (html4strict) [Seleccionar] Expandir


<a href="pagina.php" class="clsSeguirEnlace">Hola mundo</a>


Solo los enlaces con la clase clsSeguirEnlace mostraran el alert.

No es que lo que este haciendo esta mal.. para nada, pero aveces es mejor tener un codigo mas ordenado