E-Mail Adresse schützen (JavaScript)

Links

https://www.ionos.de/digitalguide/e-mail/e-mail-sicherheit/e-mail-adresse-schuetzen-so-wirds-gemacht/
https://www.hosteurope.de/blog/15-moeglichkeiten-die-e-mail-adresse-geschuetzt-darzustellen/

Only CSS Verschleierung

Nachteil: Nicht klickbar. Gut geeignet für statische Webseiten.

<style type="text/css">
.h-mail:before {
  content: attr(data-website) "\0040" attr(data-user);
  unicode-bidi: bidi-override;
  direction: rtl;
}
</style>
<!-- ... -->
<span class="h-mail" data-user="ffets" data-website="ed.xmg"></span>

Ergebnis steff@gmx.de

Please note:

Here I'm just used two extra attributes.

1) data-user write your e-mail id user name in reverse.
2) data-website write your e-mail id website in reverse.

E-Mail als Bild

Nachteil: Nicht User-Freundlich

PHP redirect

<a href="email_handler.php">

header("Location: mailto: example@meine.de");
exit();

Captcha

Z.B. ReCaptcha von Google

Zusätzlicher Aufwand für User

Sonderzeichen verschleiern oder HTML Entities / URL-Encoding / HEX Darstellung nutzen

Nicht mehr effizient. Einfach für Bots

ROT13 Verschlüsselung

<script type="text/javascript">
function decode(a) {
  return a.replace(/[a-zA-Z]/g, function(c){
    return String.fromCharCode((c <= "Z" ? 90 : 122) >= (c = c.charCodeAt(0) + 13) ? c : c - 26);
  })
}; 
function openMailer(element) {
var y = decode("znvygb:orahgmre@qbznva.qr");
element.setAttribute("href", y);
element.setAttribute("onclick", "");
element.firstChild.nodeValue = "E-Mail-Software öffnet sich";
};
</script>
<a id="email" href=" " onclick='openMailer(this);'>E-Mail: bitte klicken</a>

Einfache JavaScript verschleierung

<script>
function mailsend(mail,p1,p2,p3) {
  var ca;
  ca = "mailto:" + p2 + "\@" + p3 + "." + p1;
  mail.href = ca;
  return (1);
}
</script>

<a href="mailto:no.bot.can@get.us" onClick="mailsend(this,'tld','name','domain');">Email</a>

<a href="mailto:no.bot.can@get.us" onClick="mailsend(this,'com','info','promadesign');">Email</a>