テキストエリアをクリック→テキストエリア内の内容がコピーされる。
というページを作成しています。
<textarea cols="65" rows="6" onclick="this.select();clipboardData.setData('text',this.value);">
○○○
●●●
△△△
111111
222222
</textarea>
この内容だと、テキストエリア内の改行が反映されず、コピーされたものを他の場所に貼り付けると、すべて横に繋がった1行の文になってしまいます。
これを、目に見えているまま、改行も含めてそのままコピーさせるには、どうすればいいですか?
ちなみに、必要な情報な情報かどうかわかりませんが、同様のテキストエリアが同一ページ内に複数あります。
テキストエリアをクリックでコピーではなく、コピーボタンを押下でコピーでも構いませんが、コピーされるとテキストエリアの色が反転(?)するという動作がほしいと思っています。
説明が下手ですみません…よろしくお願いします。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
onclik の内容を以下のように変更すればうまく動きます。
onclick="this.select();clipboardData.setData('text',this.innerText);"
※ 以下蛇足です。
textarea の value プロパティで内容を取得すると、改行
コード CRLF が自動的に LF に変換されてしまうようです。
これを Windows のメモ帳に貼り付けた場合、メモ帳では
LF を改行とみなさないために、1行表示になります。
innerText プロパティでは改行コードが変換されないので、
目的の動作を実現できます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルの幅を固定するとnowra...
-
H1タグに改行の<br>を使う
-
テーブルのセルデータを自動改...
-
「:」について
-
カーソルを合わせると説明を表...
-
テキストエリア内の改行もその...
-
Windowsのformでtextareaに入力...
-
liタグの自動改行をやめたい!
-
\\n \\r \\t について
-
Hタグを改行禁止にしてspanのよ...
-
シェルで特定の文字が消える
-
<br />タグの、brの後の半角ス...
-
改行コードの削除
-
空白行について(できればCSS)
-
preタグがプロの現場であまり使...
-
テキストエリア内の改行禁止
-
文字の最後に半角空白が勝手に...
-
HTML を自動で改行してくれるツ...
-
AfterEffectsでイージーイーズ...
-
GoogleChromeでレイアウトが左...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
H1タグに改行の<br>を使う
-
mailtoで本文指定に改行をしたい
-
テーブルの幅を固定するとnowra...
-
Hタグを改行禁止にしてspanのよ...
-
改行できる・できない入力ボッ...
-
\\n \\r \\t について
-
長いURLを途中で改行(折り返す...
-
テキストエリア内の改行禁止
-
「:」について
-
preタグがプロの現場であまり使...
-
<br />タグの、brの後の半角ス...
-
文字の最後に半角空白が勝手に...
-
なぜか<p> </p>が挿入され...
-
mailtoで本文に改行を入れたい
-
テキストエリア内の改行もその...
-
<TD><input type="text"></TD>...
-
VBE でスペースと改行を見える...
-
テーブル内の文字列を改行させたい
-
PCの画面を縮小したらサイズ...
-
<br style="clear:both;">って...
おすすめ情報