締切済み

クリップボードにコピー　ソースをより少なく

2007/04/05 22:54

現在は下記のようにクリップボードへのコピーボタンをつくっています 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("クリップボードにコピー完了"); } } <body>下 <form name="obj"><textarea name="area"> ～内容～ </textarea> <input type=button value="クリップボードにコピー"></form> 今までは１つのページに<textarea>がひとつだったので、問題なかったのですが、複数になり、今後も増えそうです（もちろん同ページ内で）。全ての<textarea>にクリップボードにコピーできるボタンをつけたいのですが、単純に上記のものを複数つくると、ソースやファイルが増えてしまいます。シンプルな記述方法はないものかと模索中です。ご存知の方いらっしゃいましたらご教授ください。

etu007
お礼率24% (72/298)

JavaScript
回答数1
ありがとう数2

みんなの回答 （1）
専門家の回答

みんなの回答

KanjiTalk
ベストアンサー率30% (7/23)

2007/04/05 23:45 回答No.1

function copyFrom(textarea) { if (document.all && navigator.userAgent.match(/windows/i) && document.obj.area.value) { copy_obj = document.obj[textarea].createTextRange() copy_obj.execCommand("Copy") alert("クリップボードにコピー完了"); } } <input type=button onclick="copyFrom('area')" value="コピー"> のようにコピー先のテキストエリアの名前を渡してやればどうでしょう。オブジェクト名["プロパティ名"] でもオブジェクトのプロパティを参照できます。テストはしていないので、試してみて下さい。

質問者