JavaScript

[JavaScript] テキストボックスにフォーカスを当てた時に全選択状態にする

投稿日:2016年10月8日 更新日:

テキストボックスにフォーカスを当てた時に全選択状態にするには、select()を使用します。

サンプル

例)フォーカスを当てると値が選択状態になる

実行サンプル

以下で動作確認できます。

↓ここにフォーカスが当たると値が全選択された状態となります


↓参考までに、こちらはselect()を設定していない通常のテキストボックスです。

解説

  • テキストエリア(textarea)でも、同様に全選択を行えます。

スポンサーリンク

スポンサーリンク

-JavaScript
-,

執筆者:


  1. 小林史郎 より:

    edgeだと全選択されないのですが、原因は分かりますか?
    Windows10Pro
    Edge42.17134.1.0
    です。

  2. 小林史郎 より:

    早速に対応していただき、ありがとうございます。
    とても助かります。
    お礼が遅くなりすみません。

comment

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

関連記事

[JavaScript] id名からオブジェクトを取得する

タグに付けられたid名からオブジェクトを取得するには、 document.getElementByIdを使用します。 サ ...

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

画像にマウスポインタが当たると画像が変わるサンプルです。 サンプルソース 例)画像(id="img1")にマウスポインタ ...

[JavaScript] オブジェクトが空かどうか判定する

オブジェクトが空かどうか判定するサンプルfunctionです。 サンプルソース 例)オブジェクトが空の場合はtrueを返 ...

[JavaScript] ページのURLとドメインを取得する

Javascriptを使って、ページのURLとドメインを取得するサンプルです。 サンプルソース 例)ページのURLとドメ ...

[JavaScript] 複数の同名idを定義した場合の動き

1つのHTML中ではidは一意にする必要がありますが、誤って同名のidを複数定義してしまった場合にどのような動きとなるか ...

スポンサーリンク