KonifarPod

Javascriptでテキストをクリップボードにコピーするのを諦めた

   

Pocket

Javascriptでテキストをクリップボードにコピーするためにこちらを参考に実装してみたんですが、これIEじゃないと動かないというオチでした。

そこでクリップボードにコピーするのは諦めて、せめてコピーしやすいようにinput要素にフォーカスした時にテキストを選択状態にするようにしました。実装はすごく簡単です。

<input type="text" value=“こんにちは" onclick="this.select(0,this.value.length)">

inputのonclick属性に上記コードを追加するだけです。そうするとinput要素をクリックした瞬間にテキストが全選択状態になります。

Clipboard2

 

ということで、Javascriptでクリップボードにコピーするのは諦めましょう。代わりにinput要素を工夫してみてはいかがでしょうか。

Pocket

 - Develop