How do I insert some text where the cursor is? [duplicate]

Answer 1

Here's a function to insert text at the cursor in a textarea or text input, which is what it seems you have. It works in all major browsers:

function insertTextAtCursor(el, text) {
    var val = el.value, endIndex, range, doc = el.ownerDocument;
    if (typeof el.selectionStart == "number"
            && typeof el.selectionEnd == "number") {
        endIndex = el.selectionEnd;
        el.value = val.slice(0, endIndex) + text + val.slice(endIndex);
        el.selectionStart = el.selectionEnd = endIndex + text.length;
    } else if (doc.selection != "undefined" && doc.selection.createRange) {
        el.focus();
        range = doc.selection.createRange();
        range.collapse(false);
        range.text = text;
        range.select();
    }
}

You can use it as follows:

var iframeWin = document.getElementById('text').contentWindow;
var textObj = iframeWin.document.getElementById('Content');

insertTextAtCursor(textObj, "foo");