Insert Text at the Insertion Point

[Fmdpa]

How do I insert text at the insertion point in a textarea or input?

[MrFish]

Use textarea.selectionStart to get the caret location. Then you can get the value of the textarea, split it into 2 strings, and insert the text in-between.

textarea = document.getElementById("textarea");var caretPos = textarea.selectionStart;var text = textarea.value;var first = text.substring(0, caretPos);var second = text.substring(caretPos, text.length);var insertionString = "text to add";var newString = first + insertionString + last;textarea.value = newString;var newPos = first.length + insertionString.length;textarea.setSelectionRange(newPos, newPos);

That should work.

[jeffman]

Cross-browser compatibility?

[Fmdpa]

I don't need cross-browser compatibility for this application, but the knowledge may be useful for the future. Thanks for the reply MrFish!