Javascript TIPS No.5 クリップボードにコピーする「this,clipboardData.setData」

Javascript TIPS

  • テキストエリアがフォーカスされたら、内容が自動的にコピーされるスクリプトを作ってみました。(IE限定)

文法

window.clipboardData.setData('text',文字列);

clipboardData.getData("Text");

サンプルコード

<html lang="ja-JP">
<title> クリップボードにコピーする「this,clipboardData.setData」</title>
</head>
<body>
<input type="text" size="50" value="テキストエリアに表示する文字列" onfocus="this.select();window.clipboardData.setData('text',this.value);">
</body>
</html>

サンプルを見る

解説

  • 上のサンプルは、処理を二つ実行しています。
  • ;(セミコロン)で区切ることにより、複数の処理を実行したり複数の関数を呼び出すことができます。
1つめの処理
  • コピーされた事が分かりやすい用に、フォーカスされたら自動的にすべて選択されるようにしておきます
  • this(これ)　を(.) select(選択する)
this.select();
2つめの処理
  • フォーカスされたオブジェクトのvalueをクリップボードにセットします
  • window(ウインドウ) の clipboardData(クリップボード) .(に) setData(次のデータをセットする) ('text',このオブジェクト .(の) value(文字列))
window.clipboardData.setData('text',this.value);

Javascript TIPS 一覧へ戻る