Email obfuscation

Examples of email obfuscation using JS and CSS

by Pavel Kutáč

HTML

<a href="#" class="emailAddress">
pavel.k<span class="hpe">obfusc</span>utac@g<span>mail</span>.com</a>

<br><br>
    
<a href="#" onclick="this.href = 'mailto:' + this.innerHTML.replace(/<span class=&quot;hpe&quot;>.*?<\/span>/g,'').replace(/<.*?>/g,'');">
pavel.k<span class="hpe">obfusc</span>utac@g<span>mail</span>.com</a>

CSS

.hpe{ 
  display: none;
}

JavaScript

$(function(){
  $("body").on("click",".emailAddress",function(e){
    e.preventDefault();
      window.location = "mailto:" + $(this).html().replace(/<span class="hpe">.*?<\/span>/g,'').replace(/<.*?>/g,'');
  });
});