JavaScriptを使用してカーソル位置のTextAreaにテキストを追加する方法

Question

私はTextArea、textBox、およびボタンを持っています。 TextAreaには、これは猫です。

私の要件は、誰かがTextAreaでカーソル位置を設定し、テキストボックスにテキストを入力してボタンをクリックすると、テキストが最後ではなくカーソル位置に追加されるはずです。例えば

TextArea：これは猫です。 カーソル位置： "a"の後 テキストボックスに入力したテキスト：黒

出力：これは黒い猫です。

JavaScriptを使用してこれを行うにはどうすればよいですか。

ありがとうございます。 Googleを使用して

Answer 1

で

insertTextAtCaret(textarea, "[INSERTED]"); 

を置き換える私は前にこれに答えました：

Inserting text at cursor in a textarea, with Javascript

IEではボタン上でクリックイベントが発生するまでにIEがキャレット位置を失うことに注意してください。これを回避するには、代わりにmousedownイベントを使用するか、unselectable="on"属性を追加してボタンを選択不可にします。

Answer 2

：How do I add text to a textarea at the cursor location using javascript

コピー上記ポスト（ティム・ダウンずつ）からのコードと

var textBox = document.getElementById("your-textbox-name"); 
insertTextAtCaret(textarea, textbox.value);