jQuery

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

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

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

サンプル

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


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

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

実行サンプル

↓動作確認ができます

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

解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-,

執筆者:


comment

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

関連記事

[jQuery] 要素から配列を作成する(.makeArray)

要素から配列を作成するには、makeArrayメソッドを使用します。 サンプルソース 例)全てのdiv要素から配列にする ...

[jQuery] バインドされたイベントを削除する(.unbind)

指定した要素にバインドされたイベントを削除するには、.unbindを使用します。 サンプルソース 例)ボタンを押すとバイ ...

[jQuery] 属性を削除する(.removeAttr)

属性を削除するには、removeAttrを使います。 サンプルソース 例)ボタンを押すと、テキストボックスのplaceh ...

[jQuery] 要素内のテキストやタグを取得する(.text、.html)

要素内のテキストやタグを取得するには、.text()、.html()を使用します。 構文 (構文) //テキストを取得す ...

[jQuery] ダブルクリックイベントを設定する(.dblclick)

ダブルクリックイベントを設定するには、.dblclick()を設定します。 サンプルソース 例)ボタンをダブルクリックす ...

スポンサーリンク