Ocultar nuestro email de las arañas mediante jQuery

Incluir el correo web en una página, es igual a recibir cientos de correos electrónicos con SPAM, no obstante ¿como podemos ofrecer nuestro email de contacto sin vernos expuestos a este peligro? De un tiempo a esta parte se han diseñado múltiples formas de solucionar el problema, por ejemplo usando imágenes o JavaScript.

Pues bien, haciendo uso de la conocida librería jQuery, hemos encontrado  una interesante sugerencia para enmascarar esos correos electrónicos. Para ello, tenemos dos partes. Lo primero es la representación  de la dirección de email, que se haría de la siguiente forma

<span class='email'>info</span>
<span class='email'>admin</span>
 Y luego tendremos la función que mediante jQuery realizará el cambio para que el código que interprete el navegador sea el que deberíamos esperar en caso de no utilizar técnica alguna para enmascarar el correo:
$(function(){
    $(".email").each(function(index) {
        var addr = $(this).text().replace(/\n/g,"").replace(/ /g,"");
        $(this).html('<a href="mailto:'+addr+'@dominio.com" >'+ addr +'@dominio.com</a>');
    });
});
Al final tendríamos el siguiente resultado:
<a href="mailto:info@dominio.com">info@dominio.com</a>
<a href="mailto:admin@dominio.com">admin@dominio.com</a>

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.