テキストエリアにテキストを配置し、テキストエリアを表示せずにクリップボードにコピーしたいと考えています。テキストをクリップボードにコピーするにはJavaScriptを使用して隠しコントロールからテキストをコピー
、私は
onclick = "document.getElementById('txtData').select(); document.execCommand('copy');"
でボタンを作成し、これが正常に動作します。しかし
、私はあたり
If I want my textarea to be hidden, how do I do it?
などのいずれか
strStyle = 'display:none;'
strStyle = 'visibility:hidden;'
を使用してテキストエリアを隠そうとするならば、コピーは、もはや機能します。テキストエリアは両方のケースで隠されていますが、ソースHTMLをチェックして、私が望むテキストがまだそこにあります。テキストエリアを隠すのとは異なり、その内容は実際には利用できません。
完全な例が適切である場合は、ここで私は、私は「スタイル= 『可視性:隠されたが;』」削除されるまで、これは動作しませんhttp://www.jstips.co/en/javascript/copy-to-clipboard/
<head>
<script type='text/javascript'>
function c2cb() {
document.getElementById("txtInvoice").select();
document.execCommand('copy');
}
</script>
</head>
<body ><form id="frmAdminConsole" name="frmAdminConsole" METHOD="POST">
<textarea id='txtInvoice' cols='80' style = 'visibility:hidden;'>
46
JOHN SMITH
GAEL SCOIL NA BFHAL
34 A IVEAGH CRESENT
BELFAST
BT12 6AW
Bubble Ball Football [2017-02-03 09:00] 20 190.00
Nerf Wars [2017-02-05 10:00] 14 190.00
TeamTrek [2017-02-06 12:00] 20 0.00</textarea>
<input type="button" value="Copy!" onclick="c2cb()">
から取った1です。
私はD'ohだったと思っていました! "私は隠されたコントロールを使うべきだ"と言ったが、どちらもうまくいかない。
私はステルスで文字領域を隠す方法(背景や何かと同じ色にする)を解決します。
テキストがある場合は、エンドユーザーがそこに書き込み、そこからコピー操作の予想出力は何であるか表示されません。代わりに、 '' – Deepak
だけを使っても構いません。あなたはhttps://clipboardjs.com/ – Atiq
Deepakをチェックすることができます - エンドユーザーはそこに書いていません、私はです。私はエンドユーザーのクリップボードにテキストを取得する必要があります – DJDave