勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

HOME > JavaScript > jQuery > テキストエリアを選択すると中身を全選択状態にする方法

テキストエリアを選択すると中身を全選択状態にする方法

2015/06/23 2024/03/02 jQuery JavaScript

テキストエリアやテキストボックスの中に文字が書いてあり、ドラッグをしなくても、そのテキストエリアをクリックする事で全選択されるようにしたかった。その後以下をコピペして下さい的なことをしたい。以下方法が一番簡単そう。

目次

1 ソースコード
2 その他

ソースコード

$(要素のclassやid).click(function(){
    $(this).select();
});

その他

focusイベントだとchromeで変な挙動になった。clickイベントだとIE,chrome,firefoxでは問題なし。

- jQuery JavaScript

関連記事

: JavaScript / jQueryで〇番目、最初、最後の要素を指定する方法

jQueryでリストタグ(<li>)の〇番目、最初、最後の要素を指定 ...

: jQueryで画像を遅延ロードする「jquery.lazyload.js」の利用方法

画像を遅延ロードさせたい時にはjQueryプラグインのlazyloadが便利。以 ...

: jQuery UI Datepickerで日本の祝祭日を表示

やりたかった事は、jQueryのカレンダーピッカーで日本の祝祭日の色を変えると ...

: セレクトメニュー(プルダウン)をdisplay:none;指定してもiPhoneのみ非表示にならない問題の対応方法

セレクトメニュー(プルダウン)に対してdisplay:none;指定したりjQu ...

: NicEdit(WYSIWYGエディタ)とテキストエリアの切り替え

チェックボックスのON / OFFでNicEdit(WYSIWYGエディタ)とt ...