jQuery

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

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

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

サンプル

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


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

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

実行サンプル

↓動作確認ができます

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

解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-,

執筆者:


comment

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

関連記事

[jQuery] セレクトボックスの要素をセットする

jQueryでセレクトボックスの要素をセットするサンプルです。 サンプルソース 例)ボタンを押すとセレクトボックスの要素 ...

[jQuery] スクロールした座標を取得する(.scrollTop/.scrollLeft)

jQueryでスクロールした座標を取得するには、.scrollTop()/.scrollLeft()を使用します。 サン ...

[jQuery] テーブルの行を追加・削除するサンプル

jQueryでテーブル行を動的に追加・削除するサンプルです。 サンプルソース 例)ボタンを押すと行追加、行クリックで行削 ...

[jQuery] チェックボックスのオンオフをセットする

jQueryでチェックボックスのオンオフ状態をセットするサンプルです。 サンプルソース 例)チェックボックスのチェック状 ...

[jQuery] CSSスタイル値を取得/設定する(.css)

jQueryでCSSスタイル値を取得したり設定したりするには、.cssを使用します。 サンプルソース 例)ボタンを押すと ...

スポンサーリンク