Input Color autofocus 属性

定義と使用方法

autofocus 属性設定または返却値は、ページ読み込み時に色選択器が自動的にフォーカスを取得するかどうかを定義します。

この属性は HTML の autofocus 属性を反映しています。

も参照してください:

HTML リファレンスマニュアル:HTML <input> autofocus 属性

ページ読み込み時に色選択器が自動的にフォーカスを取得するかどうかを確認します:

var x = document.getElementById("myColor").autofocus;

自分で試してみる

文法

autofocus 属性の返却:

colorObject.autofocus

autofocus 属性の設定:

colorObject.autofocus = true|false

属性値

説明
true|false

ページ読み込み時に色選択器がフォーカスを取得するかどうかを定義します。

  • true - 色選択器がフォーカスを取得します
  • false - デフォルト。色選択器はフォーカスを取得しません

技術的詳細

返却値: ページ読み込み時に自動的にフォーカスを取得する場合に、色選択器が返されます true、そうでない場合は false

ブラウザのサポート

表の数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート 10.0 サポート サポート サポート

注:<input type="color"> 要素は Internet Explorer と Safari では色選択器を表示しません。