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>
<pre>
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

== Verschlüsselung ==

== ROT13 Verschlüsselung ==
<pre>
<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>