jQuery

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

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

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

サンプル

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


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

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

実行サンプル

↓動作確認ができます

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

解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-,

執筆者:


comment

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

関連記事

[jQuery] 画像読込み失敗時に代替画像を表示する

画像読込み失敗時に代替画像を表示するサンプルです。 サンプルソース 例)画像aa.png読込みエラー時には、bb.png ...

[jQuery] ページロード完了時に処理を行う

ページロード完了時に処理を行うには、readyを使います。 サンプル 例)ページロード完了時にアラートを表示する [cr ...

[jQuery] 要素数を取得する(.length)

セレクタで取得した要素の要素数を取得するには、lengthを使用します。 サンプルソース 例)セレクタ$('#a1 li ...

[jQuery] イベントをバインドする(.bind)

指定した要素にイベントをイベントをバインドするには、.bindを使用します。 サンプルソース 例)要素d1に対してcli ...

[jQuery] クリックされた子要素を取得する

リストでクリックされた子要素を取得するサンプルです。 サンプルソース 例)リストでクリックされた要素を取得する [cra ...

スポンサーリンク