以html格式在光标处嵌入一些文本

时间:2011-07-29 16:49:26

标签: javascript insert cursor textarea

Gvien是一个textarea标签,当用户点击那里时,我可以使用onMouseDown中的一些javascript来获取光标的坐标。现在我希望能够写一些文字到那一点。有没有办法做到这一点? 谢谢你的帮助, Andynic

1 个答案:

答案 0 :(得分:1)

你要问的可能很难。我发现code and tutorial here工作得非常好。它至少会让你开始。

以下是代码(如果您不想关注该链接):

function insertAtCaret(areaId,text) {
    var txtarea = document.getElementById(areaId);
    var scrollPos = txtarea.scrollTop;
    var strPos = 0;
    var br = ((txtarea.selectionStart || txtarea.selectionStart == '0') ? 
        "ff" : (document.selection ? "ie" : false ) );
    if (br == "ie") { 
        txtarea.focus();
        var range = document.selection.createRange();
        range.moveStart ('character', -txtarea.value.length);
        strPos = range.text.length;
    }
    else if (br == "ff") strPos = txtarea.selectionStart;

    var front = (txtarea.value).substring(0,strPos);  
    var back = (txtarea.value).substring(strPos,txtarea.value.length); 
    txtarea.value=front+text+back;
    strPos = strPos + text.length;

    if (br == "ie") { 
        txtarea.focus();
        var range = document.selection.createRange();
        range.moveStart ('character', -txtarea.value.length);
        range.moveStart ('character', strPos);
        range.moveEnd ('character', 0);
        range.select();
    }
    else if (br == "ff") {
        txtarea.selectionStart = strPos;
        txtarea.selectionEnd = strPos;
        txtarea.focus();
    }
    txtarea.scrollTop = scrollPos;
}