クリップボードにコピー

JavaScript Market - 動きのあるホームページを作る為の各種JavaScript のサンプルと小技集を公開中

クリップボードにコピー
※ このスクリプトは、Windows + Internet Exploror4～にのみ有効です。
ボタンをクリックするとテキストエリアの内容をクリップボードにコピーします。
 <a href="http://www.xxx.yyy/~zzz/"> <img src="http://www.xxx.yyy/~zzz/image.gif" border=0></a> 
■ このスクリプトのソース
<script>
function clip_copy() {
   if (document.all && navigator.userAgent.match(/windows/i) && document.obj.area.value) {
      copy_obj = document.obj.area.createTextRange()
      copy_obj.execCommand("Copy")
      alert("クリップボードにコピーしました");
   }
}
</script>
ボタンをクリックするとテキストエリアの内容をクリップボードにコピーします。<p>
<form name=obj>
<textarea name=area cols=50 rows=5>

<a href="http://www.xxx.yyy/~zzz/">
<img src="http://www.xxx.yyy/~zzz/image.gif"
 border=0></a>
</textarea><br>
<input type=button onClick="clip_copy()" value="クリップボードにコピー">
</form>
応用１
ボタンのみの表示で隠しフォーム（hidden）の内容をクリップボードにコピーする
■ このスクリプトのソース
<script>
function clip_copy(p) {
   if (document.all && navigator.userAgent.match(/windows/i)) {
      copy_obj = document.obj.copy[p - 1].createTextRange()
      copy_obj.execCommand("Copy")
      alert("項目" + p + " をクリップボードにコピーしました");
   }
}
</script>
ボタンのみの表示で隠しフォーム（hidden）の内容をクリップボードにコピーする<p>
<form name=obj>
<input type=hidden name=copy value="項目１の内容">
<input type=button onClick="clip_copy(1)" value="項目１をクリップボードにコピー"><br>
<input type=hidden name=copy value="項目２の内容">
<input type=button onClick="clip_copy(2)" value="項目２をクリップボードにコピー"><br>
<input type=hidden name=copy value="項目３の内容">
<input type=button onClick="clip_copy(3)" value="項目３をクリップボードにコピー">
</form>
応用２
セレクトボックスの選択値をクリップボードにコピーする
■ このスクリプトのソース
<script>
function clip_copy(p) {
   tx = p.options[p.selectedIndex].text;
   val = p.options[p.selectedIndex].value;
   document.obj.temp.value = val;
   if (document.all && navigator.userAgent.match(/windows/i))
      if (val) {
         copy_obj = document.obj.temp.createTextRange()
         copy_obj.execCommand("Copy")
         alert(tx + " をクリップボードにコピーしました");
      }
      else alert("コピーする項目が選択されていません");
}
</script>
セレクトボックスの選択値をクリップボードにコピーする<p>
<form name=obj>
<input type=hidden name=temp>
<select name=sel onChange="clip_copy(this)">
<option value=''>選択して下さい
<option value='111111111111111'>項目１
<option value='222222222222222'>項目２
<option value='333333333333333'>項目３
</select>
</form>