任意の入力フィールド内のテキストを自動選択する

a-blog cmsでは、任意の入力フィールド内にあるテキストをクリックした際に、テキストを全選択状態にする設定が標準で実装されています。（v1.2.1より）入力フィールド内のテキストをコピーしたい場合などに便利です。

任意の入力フィールド内のテキストを自動選択する

1. 設定の編集

この機能の設定は、/js/acms/config.jsの以下の箇所にあります。設定を変更する場合は、適用しているテーマ内にJavaScriptファイルを別途作成してください。詳しくは「組み込みのJavaScriptの設定を編集する」を参照してください。

    clickSelectionInputTextMark : ':text.url, textarea.js-click-selection, :text.js-click-selection',

2. HTMLの編集

例）clickSelectionInputTextMarkで「:text.url」と指定した場合

  <p>URL <input id="textfield" class="url" type="text" value="{url}" name="textfield"/></p>

テキストを自動選択したい要素に、class="url"と記述します。