テキストをクリックしただけでクリップボードにコピーしたい
ブログに来たフォームのデータを、ご意見の部分だけコピーして、他のアプリケーションにペーストしたいのですが、
jQueryでテキストをクリックしただけでクリップボードにコピーする方法を調べてフォームし仕込んだら、
単語しかコピーされてこなかったり、そもそもコピーされてこなかったりで、不安定です。
どうしたら、丸っとコピーできますか?
(作業する人間が多いので、コマンド覚えさせるより機械的に解決したいのです。)
該当のソースコード
HTML
1<div id="name">name name</div> 2<div id="email">e-mail@email.com</div> 3<div id="mytext"> 4Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 5</div>
jQuery
1var myText= $('div#mytext'); 2 3myText.attr('onclick','copyToClipboard()'); 4 5myText.on('click', function copyToClipboard() { 6 7 myText.text().select(); 8 9 document.execCommand("copy"); 10 11});
試したこと
.text()を取ってみましたが、divの内容丸っとコピーはできませんでした。
補足情報(FW/ツールのバージョンなど)
GoogleChrome(69.0) MacBook Air(High Sierra)
回答1件
あなたの回答
tips
プレビュー