jQuery

[jQuery] フォーカス時に文字を全選択状態にする(.select)

投稿日:2017年6月9日 更新日:

フォーカス時に文字を全選択状態にするサンプルです。

サンプル

例1)テキストボックスにフォーカスを当てると全選択状態となる


Edgeだと、上のサンプルではうまく動きません。
Edgeに対応させたい場合は以下サンプルをご使用ください。

例2)テキストボックスにフォーカスを当てると全選択状態となる(Edge対応版)

実行サンプル

↓動作確認ができます

実行サンプルは、Edge対応版です。

解説

  • テキストボックスの値を全選択状態にするには、.select() を使用します。

スポンサーリンク

スポンサーリンク

-jQuery
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[jQuery] マウスオーバーで画像を切り替える

jQueryでマウスオーバーで画像を切り替えるサンプルです。 サンプルソース 例)画像にカーソルを当てると画像が切り替わ ...

[jQuery] jQueryのバージョンとタイプ

当記事は、「jQueryをダウンロードしようとしたら、いろいろなのがあってどれをダウンロードしたらいいか分からない!」と ...

[jQuery] 要素を削除する(.empty)

要素を削除するには、.empty()を使用します。 サンプルソース 例)ボタンを押すとid="list1"要素を削除する ...

[jQuery] JSONデータを取得する

JSONデータを取得するサンプルです。 サンプルソース 例)ボタンを押すとtest.jsonを読込み、結果をコンソールに ...

[jQuery] POSTリクエストを送信する($.post)

POSTリクエストを送信するには、$.post()を使用します。 構文 (構文) $.post(<URL> [,<データ ...

スポンサーリンク