2018年9月28日金曜日

決まった範囲を選択してクリップボードにコピーするjava script処理

出力結果をクリップボードにコピーする処理をjava scriptで作成しました。正直java scriptはまだ良くわかっていないので現時点ではあまり利用したくないのですが、こういった処理はjava scriptを使わないわけには行きませんね。。。

処理
function TextareaSelected() {
  document.form2.output1.focus();
  document.form2.output1.select();
  document.execCommand("Copy");
}

実行するボタン
<input class="button2" type="button" value="パスワードをクリップボードにコピー" onClick="TextareaSelected()">

選択するフォーム
<form name="form2">
<textarea id="output1" name="output1">
  ここに出力結果を表示
</textarea>
</form>

実際に作成したページはこちらです。
パスワード自動生成

以下のサイトを参考にさせて頂きました。
6. テキストエリアをボタンで全選択する 仕掛けで見せる! WEBデザインTIPS & TRICS

0 件のコメント:

コメントを投稿