原生javascript在textarea光标处插入表情字符

最新推荐文章于 2021-02-24 02:02:38 发布

linbooooo1987

最新推荐文章于 2021-02-24 02:02:38 发布

阅读量2.5k

点赞数

分类专栏： javascript 文章标签： javascript object insert

本文链接：https://blog.csdn.net/linbooooo1987/article/details/7332620

版权

javascript 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

/**  
 * 在光标的位置插入图片  
 * @param {Object} myField  textarea的Id
 * @param {Object} myValue  插入的字符
 */

function AddOnPos(myField, myValue)   
{   
    //IE support   
    if (document.selection)   
    {   
    myField.focus();   
    sel = document.selection.createRange();   
    myValue = "{"+myValue+"}";   
    sel.text = myValue;   
    sel.select();   
    }   

    //MOZILLA/NETSCAPE support   
    else if (myField.selectionStart || myField.selectionStart == '0')   
    {   
    var startPos = myField.selectionStart;   
    var endPos = myField.selectionEnd;   
    // save scrollTop before insert   
    var restoreTop = myField.scrollTop;   
    myValue = "[face]"+myValue+"[/face]";   
    myField.value = myField.value.substring(0, startPos) + myValue + myField.value.substring(endPos,myField.value.length);   
    if (restoreTop > 0)   
    {   
    // restore previous scrollTop   
    myField.scrollTop = restoreTop;   
    }   
    myField.focus();   
    myField.selectionStart = startPos + myValue.length;   
    myField.selectionEnd = startPos + myValue.length;   
    } else {   
    myField.value += myValue;   
    myField.focus();   
    }   
}