勉強したことのメモ

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

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

   2024/03/02  jQuery JavaScript

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

 

ソースコード

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

 

その他

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

 - jQuery JavaScript

  関連記事

jquery.cookie.jsで「$.cookie is not a function」エラー
jquery.cookie.jsで「$.cookie is not a function」エラー

フロントエンド側でCookieを利用したい場合jquery-cookieを用いる ...

CodeIgniter4 & jQueryを用いて同一サイト内でajax通信する方法
CodeIgniter4 & jQueryを用いて同一サイト内でajax通信する方法

CodeIgniter4.4.4 & jQueryを用いて同一サイト内で ...

日付入力のテキストフォームにカレンダープラグインを導入
日付入力のテキストフォームにカレンダープラグインを導入

やりたかった事と制限は下記の通り。 ・日付入力のテキストフォームにカレンダープラ ...

jQueryで電話番号チェック
jQueryで電話番号チェック

やりたかったことはjavascriptかjQueryで 電話番号のバリデート。 ...

Jcropを使ってブラウザ上で画像を範囲指定して切り抜き(トリミング)
Jcropを使ってブラウザ上で画像を範囲指定して切り抜き(トリミング)

やりたかった事は、画像をアップロードして必要な部分のみを範囲指定してもらい、指定 ...