テキストエリアを選択すると中身を全選択状態にする方法
2024/03/02
テキストエリアやテキストボックスの中に文字が書いてあり、ドラッグをしなくても、そのテキストエリアをクリックする事で全選択されるようにしたかった。その後以下をコピペして下さい的なことをしたい。以下方法が一番簡単そう。
ソースコード
$(要素のclassやid).click(function(){
$(this).select();
});
その他
focusイベントだとchromeで変な挙動になった。clickイベントだとIE,chrome,firefoxでは問題なし。
関連記事
-
-
jQuery UIを使って簡単にダイアログを表示させる方法
ブラウザ上でユーザーに対してちょっとした確認を行いたい場合はJavaScript ...
-
-
「slick」でブラウザ幅がPCの場合はスライダーを表示し、スマホ幅の場合はスライダー無しにする方法
slickプラグインで画像スライダーを設置しているページがあり、PCのブラウザ幅 ...
-
-
CodeIgniter4&Bootstrap&jQueryで簡易版お問い合わせページの作成
CodeIgniter4.4.4&Bootstrap&jQuer ...
-
-
CAPTCHAに代わる無料のツール「Cloudflare Turnstile」の導入方法
CAPTCHAと言えばGoogleのreCAPTCHAを思い浮かべるが、稀にCl ...
-
-
サムネイルをクリックすると拡大画像を表示できる「Lightbox」の利用方法
画像をサムネイル表示してクリックしたら大きく表示する というのがLightbox ...