このJSコピートリックはどのように機能しますか？

Question

this pageページ上のほとんどの場所でコピーすれば、コピーの末尾に文字列Read more at http://が追加されます。私はどのように不思議だった。ソース（post-copypaste.js）を見てブレークポイントを設定した後、私は理解しませんでした。その領域はテキストを選択すると発射されるようです。

私はDOMを見てみました（firefoxで選択されたソースを表示しています）、domのテキストが見えませんでした。だからそれはJavaScriptのトリックでなければなりません。私はコントロールのCイベント（私はそれが起こっているかどうかわからない）をキャッチ想像することができますが、私はそれがドームに属しているので、あなたがテキストを追加したり影響を与えることができます想像できません。

JSトリックはどうやって動作するのですか、それをどのようにしてデバッグするのですか？

Answer 1

しかし、厄介なのは通常のウィンドウでの選択です/ domは影響を受けていないようです。

これは表示されますが、表示されません。通常は、ページ上の他の場所にコンテナがあります（必ずしも目に見えるわけではありません）。選択したコンテンツがそこに貼り付けられてから、コンテナからコピーされ、削除されます。すべてがほんの少しの時間が必要です。クリップボードには、それをどこかに貼り付けるまでに、すでに拡張コンテンツが保存されています。

例としてリンクしているページをよく見ると、本体にpw-rootのクラスを持つ空のdivタグがあります。 <div class='pw-root'></div>テキストをコピーすると、1秒間（たとえばFirebugに表示されます）、上で説明したように変更され、再び空になります。