javascriptからdivのテキストを（クリップボードにコピーするために）選択する方法はありますか？

Question

私は、ユーザーがページから（クリップボードを介して）簡単にコピーできるようにしたいテキストを含むdivを持っています。マウスクリックでdiv内のすべてのテキストを選択するクロスブラウザの方法はありますか？

Answer 1

これらを見てください両方：JavaScriptでクリップボードのコピー用 http://yangshuai.googlepages.com/jquerycopyplugin http://plugins.jquery.com/project/clipboard

Answer 2

This questionにはいくつかの手がかりがあります。

Answer 3

<SPAN ID="copytext" STYLE="height:150;width:162;background-color:pink"> 
This text will be copied onto the clipboard when you click the button below. Try it! 
</SPAN> 
<TEXTAREA ID="holdtext" STYLE="display:none;"> 
</TEXTAREA> 
<BUTTON onClick="ClipBoard();">Copy to Clipboard</BUTTON>  

function ClipBoard() 
    { 
    holdtext.innerText = copytext.innerText; 
    Copied = holdtext.createTextRange(); 
    Copied.execCommand("Copy"); 
    } 

From Here

Answer 4

クロスブラウザのサポートは、へのアクセスを拒否している、Firefoxの/ Netscapeのセキュリティを回避するには、Flashを使用する必要がありますクリップボード。 jQueryを使用している場合は、clipboardプラグインを簡単に使用できます。 jQueryを使用せずに独自のJavascriptをローリングしている場合は、blog postが役に立ちます。

さらに、実際にFirefoxのセキュリティ権限を調整して、スクリプトがクリップボードにアクセスできるようにすることができます。良いwalkthroughはdojotoolkit.orgから入手できます。これは通常、各ユーザーがこの調整を行う必要があるため、実行されるパスではありません。最新のすべてのブラウザ（Safari、IE、Firefox、Opera）で動作するので、Flashを使用する方がずっと簡単です。

Answer 5

divでテキストを選択する方法が見つからず、単にコピーするだけではフラッシュアプ​​ローチを使用したくはありませんでした（それは利用可能な素晴らしいツールですが）。

私はこれをやってしまった：

それは少し醜いとはいえ、私が望んでいたもののために十分に機能します

function selectIncidentIDText (incidentIDTxtEl) { 
    incidentIDTxtEl.select(); 
} 
<h:inputText value="(IncidentID: #{ViewIncidentBean.incident.id})" readonly="true" onclick="selectIncidentIDText(this);"/> 

。