メールアドレスを暗号化した上でDOMエレメントとして扱うmailConverter.js

メールアドレスをWebサイト上に載せてしまうと、
スパムがどしどしやってくるのは基本中の基本で
せやけど

• 画像化はイチイチ面倒くさいしアドレスを入力する必要がある
• よく知らない人としてはmailtoがあったほうがいいに決まってる
• JavaScriptで吐き出しても、
  書き換えられた後href属性に”mailto:アドレス”がうっすら入るのすら嫌

とかいう僕のわがままで考えた結果

• テキストにメールアドレスの”@”を変えたものを入れておけば、、
• hrefには”mailto:”のみを入れとく(JavaScriptがOFFの環境でもメーラーが立ち上がる)
• “@”が変わったアドレス(nori[at]5509.meのような)を暗号化してa要素のプロパティに含ませる(属性としては扱わない)
• a要素がクリックされたときだけ暗号を復号してhref属性に入れる

なんやろ、、暗号化とか必要ない気がしてきた…
これでスパムがこなくなればいいけど どうなんやろう 使い方は

<script type="text/javascript" src="/js/mailConverter.js"></script>

でスクリプトファイルを読み込むだけ。
この場合、適用させるメールアドレス部分は

<a href="mailto:">nori[at]5509.me></a>

とする。[at]のところは塊として扱えるものならなんでも可。aとかbとかは無理。
たとえば

<a href="mailto:">nori★5509.me</a>

とか。。。[at]から変えた場合はmailConverter.js11行目の

var atmark = "\[at\]";

の\[at\]を★に変えるだけ。半角記号を含む場合は\でエスケープする。

var atmark = "★";</pre>

JavaScriptがOFFの環境には別途説明文を表示してDOM操作で消してしまえばいい感じ。

Demo

ダウンロード

mailConverter.js(2KB)