JavaScriptでクリップボードにコピー

 タグの部分や文章をクリップボードにコピーさせるサイトがあります。これは「JavaScript」という言語を用いて行っています。ブラウザ側のバージョンが低かったりすると、この「JavaScript」が有効にならない為にコピーできない恐れがありますが、ユーザー側にテンプレートや文章を楽してコピーしてもらいたいときに便利です。

 以下のソースをクリップボードにコピーしてメモ帳などに貼りつけ、html形式で保存すればすぐに完成します。<textarea></textarea>内にコピーさせたいタグを記します。


重要な部分のタグを記します。
<form></form>内に<textarea></textarea>を記し、その中にコピーさせたい内容を記します。
注意点としてはカッコの「<」→「&lt;」にそして「>」→「&gt;」に書き換えなければならない点です。

==========================サンプル表記内容===========================

<form name="INP">
<p align=
"center">
<textarea readonly=
"readonly" id="SourceBody" rows="15" cols="81" name="txt">
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;クリップボードにコピー&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;form name="INP"&gt;
&lt;p align="center"&gt;
&lt;textarea readonly="readonly" id="SourceBody" rows="4" cols="44" name="txt"&gt;
&lt;/textarea&gt;
&lt;BR&gt;
&lt;input type="button" value="クリップボードにコピー" id="btnSetText" onClick='window.clipboardData.setData("text",document.INP.txt.value)'&gt;
&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;
</textarea>
<BR>
<input type=
"button" value="クリップボードにコピー" id="btnSetText" onClick='window.clipboardData.setData("text",document.INP.txt.value)'>
</form>

======================================================================

当サイトでこの技を利用していない理由があります。
「悪意のあるサイトを訪問するとクリップボードの内容を読み取られる場合がある」そうです。
タグだけのコピーなら問題ありませんが、オークションの取引内容などが読み取られると何となく嫌でしたので。。。

インターネットエクスプローラでクリップボードへコピーする時の注意点は以下のサイトでご確認の上御利用ください。

http://java-house.jp/~takagi/security/misc/jscript-clipboard/test.html

JavaScriptはクライアント側(利用者側)で実行する言語です。色々な機能があり、ワンランク上のサービスを目指すならアクセントとしてJavaScript組み込むと非常に便利なサイトになります。

JavaScriptに関する関連書籍の紹介

 

 

 

戻る

 

 

 

 

 

 

 

 

 

 

 

SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送