テキストエリア、テキストフィールドのキャレット位置に文字列挿入アフィリエイト広告を利用しています。JavaScripthttps://blog.emwai.jp/javascript/inputelement_selection/テキストエリアやテキストフィールドに入力された文字のキャレット位置に新しく文字列を挿入する備忘録です。コードは、確立されているというか参考にさせていただいた元ネタがあったんですがどちら様のサイトか忘れてしまいました。実際は古いIEのdocument.selection.createRange()が使える場合とそうでない場合で条件分岐させたコードを書いていましたがメンドクサイので端折りました。HTMLInputElementの以下のプロパティとメソッドを使用しています。...選択したテキストの開始インデックス。何も選択されていない場合はキャレット位置。...選択したテキストの終了インデックス。...テキストの選択範囲を設定するメソッド。テキストを挿入した後、引き続き入力作業が行いやすいように、キャレット位置を適宜設定したほうがいいと思います。MDNキーボードによる改行を<br>タグに変換するテキストエリア内での、キーボードによる改行をその場で<br>タグに変えてしまうサンプル。需要ないと思いますが、テキストエリアとは別のチェックボックスで切り替えられるようにしたりすると応用できるかなと思います。}});チェックボックスがチェックされている場合に限りEnterキーによる改行で<br>を追加します。続けて入力がしやすいように新しいキャレット位置を<br>の後ろに設定します。選択テキストをタグで囲む、またはキャレット位置に空のまま挿入するテキストエリア内の選択テキストをHTMLタグで囲むサンプル。サンプルは<b>タグに固定してますが引数でタグを受け取れるよう関数にすればWYSIWYGっぽいフォームにできると思います。選択テキストがない場合はキャレット位置に内容が空のままでタグを挿入します。v10.5(Leopard)に対応したインクジェットプリンタ&ドライバーを探しました。Mac、iPhoneコロナの前からずっとリモートワークですが、Mac作業中のイヤホンのしすぎで耳がかゆくなってきたのでワイヤレスのネックスピーカーに換えました。コメントをキャンセルメールアドレスが公開されることはありません。date*日本語が含まれないコメントは無視されますのでご注意ください。このブログについてご覧いただきありがとうございます。このブログは、高知県でウェブデザイン・印刷物のデザイン制作を行っているフリーランス、森田秀章のブログです。