テキストの入力で定型文を使うときに、パソコンの予測変換などを使いますが、同じように入力を手助けする機能の一案を紹介します。
挨拶や署名などがよくありますが、入力が煩わしい文字や、忘れやすいタグなどに重宝します。
改行タグ
改行タグ(改行付き)
h1タグ
h2タグ
h3タグ
挨拶(社内)
挨拶(社外)
署名
ボタンにかかるJSは以下のようになります。
$(document).ready(function(){ $('.demo_btn').on('click', function(e) { var text_data = document.querySelector('textarea#demo_textarea'); var text_val = demo_textarea.value; var all_len = text_val.length; var select_len = demo_textarea.selectionStart; var first = text_val.substr(0, select_len); var insert = $(this).attr('val'); var latter = text_val.substr(select_len, all_len); text_val = first + insert + latter; demo_textarea.value = text_val; }); });
あまり、利用シーンがないかもしれませんが、入力フォームを作るときに意外と需要があります。