커서 위치 삽입 내용

textarea 텍스트 필드 커서 위치에 내용 삽입

HTML 코드:

<form>
    <textarea name="content" maxlength="6000" size="30"></textarea>
    <textarea name="content" maxlength="6000" size="30"></textarea>

    <input type="button" onclick="AddContent('        ')" value="  " />
</form>

JavaScript 코드:

//           
var lastInput = null;
window.onload = function () {
    textares = document.getElementsByTagName("textarea");
    alert(textares);
    for(var i=0 ; i<textares.length ; i++){
        textares[i].onfocus = function () {
            lastInput = this;
        }
    }

}
function AddContent(str) {
    if (lastInput) {
        lastInput.focus();
    }
    if (typeof document.selection != "undefined") {
        document.selection.createRange().text = str;
    }
    else {
        lastInput.value = lastInput.value.substr(0, lastInput.selectionStart) + str + lastInput.value.substring(lastInput.selectionStart, lastInput.value.length);
    }
}