勉強したことのメモ

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

関連記事

: Flashを用いずJavaScriptでコピー&カット機能を実装する方法

以前メモったようなFlashを用いる方法ではなく、WebAPIでコピー& ...

: jQueryプラグインでクリップボードにコピーする方法(clipboard.js)

ページ上のボタンをクリックすることで特定の文章をクリップボードにコピーしたかった ...

: JavaScript / jQueryにてページ表示時に指定したテキストボックスにフォーカスさせる方法

ページを開いた際に指定したテキストボックス(input type="text") ...

: jQueryからAjax経由でPHPにリクエストしCookieを操作する方法

先日PHPでCookie保存時にHttpOnly / Secure属性を設定する ...

: formのtextareaに文字を入力した内容をリアルタイムプレビューする方法

textarea内に書いた内容をリアルタイムでプレビューする機能が必要になった。 ...