勉強したことのメモ

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

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

   2024/03/02  jQuery JavaScript

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

 

ソースコード

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

 

その他

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

 - jQuery JavaScript

  関連記事

ブラウザのSafariのみスクロール関連のイベントが発火しない場合の対応方法

jQueryで一定距離スクロールさせた場合に発火するイベントをプログラムしていた ...

FullCalendarでカレンダー内のイベントをクリックした際にタイトル以外の内容も表示させる方法

FullCalendarでカレンダー内のイベントをクリックした際にtitle以外 ...

Javascript / jQueryにて特定の要素内の文字数が〇文字以上の場合に丸める方法

サイトの特定の要素内の文字数が〇文字以上の場合に「コンテンツコンテ……」のように ...

タブアンダー広告をjQueryで再現する方法

サイト内のリンクをクリックすると、新しいタブもしくはウィンドウで開く広告をちょい ...

jQuery UIでテキストボックスにサジェスト(入力補助)機能を実装する方法

メールアドレスを入力するためのテキストボックスに文字を入力すると「@yahoo. ...