私の答えは多くの人に好まれないことはわかっていますが、評価を下げる前に、ここで概説されている点を考慮してください。
機械で簡単に読み取り可能なものは、スパマーによって簡単に機械で読み取り可能になります。彼らの行動は私たちには愚かに思えますが、彼らは愚かな人々ではありません。彼らは革新的で機知に富んでいます。彼らはボットを使用して電子メールを収集するだけでなく、大量の方法を自由に利用でき、それに加えて、電子メールの新鮮なリストに料金を支払うだけです。つまり、彼らは世界中で何千人ものブラックハッカーを雇って仕事を実行させたのです。他の人のブラウザの画面をこするマルウェアをコード化する準備ができている人々は、最終的にあなたが役に立たないことを達成しようとしているあらゆる方法をレンダリングします。このスレッドはすでに10人以上のそのような人々に読まれており、彼らは私たちを笑っています。それらのいくつかは、私たちが彼らに新しい挑戦を我慢できないことを発見するために涙にさえ退屈するかもしれません。
最終的に自分の時間を節約しようとしているのではなく、他の人の時間を節約しようとしていることを覚えておいてください。このため、ここで余分な時間を費やすことを検討してください。機能する実行しやすい魔法の弾丸はありません。サイトで100人の電子メールを公開している会社で働いており、1人あたり1日に1通のスパム電子メールを削減できる場合、1年間に36,500通のスパム電子メールを話していることになります。このような電子メールを削除するのに平均で5秒かかる場合、年間約50営業時間ということになります。煩わしさの軽減は言うまでもありません。だから、これに数時間を費やしてみませんか？
時間を大切にするのは、あなたやメールを受け取った人だけではありません。したがって、電子メールアドレスを解読しても効果が得られないような方法で、電子メールアドレスを難読化する方法を見つける必要があります。電子メールを難読化するために広く使用されている方法を使用する場合、それを解読することは本当に報われます。その結果、クラッカーは数万または数十万とは言わないまでも数千の新しい電子メールを手に入れます。そして彼らにとって、彼らはお金を得ます。
したがって、先に進んで独自のメソッドをコーディングしてください。これは、ホイールの再発明が実際に効果を発揮するまれなケースです。機械可読ではないメソッドを使用し、ユーザーエクスペリエンスを犠牲にすることなく、ユーザーとのやり取りが必要になるメソッドを使用します。
私は約20分を費やして、私の意味の例をコード化しました。この例では、気に入ったという理由だけでKnockoutJSを使用しましたが、おそらく自分で使用することはないと思います。しかし、とにかくそれは無関係です。これは広く使用されていないカスタムソリューションです。それをクラックしても、その方法は広大なインターネットの単一のページでしか機能しないため、それを実行しても報酬は得られません。
ここにフィドルがあります： http //jsfiddle.net/hzaw6/
以下のコードは、優れたコードの例ではありません。しかし、ここでは電子メールを処理することさえマシンが理解するのが非常に難しいコードの簡単なサンプルにすぎません。そして、たとえそれができたとしても、大規模に実行しても成果はありません。
そして、はい、「未定義またはnull参照のプロパティ「属性」を取得できません」という理由で、IE = lte8では機能しないことはわかっていますが、実際の実装ではなく、単なるメソッドのデモであるため、気にしません。そのままの実稼働での使用を意図したものではありません。よりクールで、技術的により堅固な独自のコードを自由に作成してください。
ああ、決してHTMLやJavaScriptでメールやメールに名前を付けることはありません。mailやemailという名前のDOMとwindowオブジェクトをこすり取り、それに電子メールと一致するものが含まれているかどうかを確認するのは、あまりにも簡単です。これが、完全な形式の電子メールを含む変数が不要になる理由です。また、このような変数を割り当てる前に、ユーザーがページを操作できるようにする理由でもあります。JavaScriptオブジェクトモデルにDOM対応状態の電子メールアドレスが含まれている場合は、それらをスパマーに公開しています。
HTML：
<div data-bind="foreach: contacts">
<div class="contact">
<div>
<h5 data-bind="text: firstName + ' ' + lastName + ' / ' + department"></h5>
<ul>
<li>Phone: <span data-bind="text: phone"></span></li>
<li><a href="#999" data-bind="click:$root.reveal">E-mail</a> <span data-bind="visible: $root.msgMeToThis() != ''"><input class="merged" data-bind="value: mPrefix" readonly="readonly" /><span data-bind="text: '@' + domain"></span></span></li>
</ul>
</div>
</div>
</div>
JS
function ViewModel(){
var self = this;
self.contacts = ko.observableArray([
{ firstName:'John', mPrefix: 'john.doe', domain: 'domain.com', lastName: 'Doe', department: 'Sales', phone: '+358 12 345 6789' },
{ firstName:'Joe', mPrefix: 'joe.w', domain: 'wonder.com', lastName: 'Wonder', department: 'Time wasting', phone: '+358 98 765 4321' },
{ firstName:'Mike', mPrefix: 'yo', domain: 'rappin.com', lastName: 'Rophone', department: 'Audio', phone: '+358 11 222 3333' }
]);
self.msgMeToThis = ko.observable('');
self.reveal = function(m, e){
var name = e.target.attributes.href.value;
name = name.replace('#', '');
self.msgMeToThis(name);
};
}
var viewModel = new ViewModel();
ko.applyBindings(viewModel);
また、画像のaltはalt = "@"になるため、ボットは画像を検出し、すべての人間が通常のアドレスとして認識します。そのため、コピーした場合はメールをコピーし、ジョブは実行されないため、コードは次のようになります。