WEB开发网
开发学院网页设计JavaScript textarea插入表情|对选中的文本进行操作 阅读

textarea插入表情|对选中的文本进行操作

 2009-10-19 00:00:00 来源:WEB开发网   
核心提示:插入表情functioninsertIcon(iconCode){vartxtarea=document.inputform.message;iconCode=''+iconCode+'';if(txtarea.createTextRange&&txtarea.caretPos){var

插入表情

function insertIcon(iconCode) {
 var txtarea = document.inputform.message;
 iconCode = ' ' + iconCode + ' ';
 if (txtarea.createTextRange && txtarea.caretPos) {
 var caretPos = txtarea.caretPos;
 caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? iconCode + ' ' : iconCode;
 txtarea.focus();
 } else {
 txtarea.value  += iconCode;
 txtarea.focus();
 }
}

使用方法:

<a href="javascript:insertIcon('[smile]')"><img border="0" src="images/smilies/a.gif"/></a>

对选中的文本进行操作

unction doAddTags(tag1,tag2)
{
    // Code for IE
    if (document.selection) 
    {
        textarea.focus();
        var sel = document.selection.createRange();
        //alert(sel.text);
        sel.text = tag1 + sel.text + tag2;
    }
    else 
    {  // Code for Mozilla Firefox
        var len = textarea.value.length;
        var start = textarea.selectionStart;
        var end = textarea.selectionEnd;
        var sel = textarea.value.substring(start, end);
        var rep = tag1 + sel + tag2;
        textarea.value =  textarea.value.substring(0,start) + rep + textarea.value.substring(end,len);
    }
}

使用方法:<img name="btnBold" src="http://tech.ddvip.com/Images/Default/Editor/bold.gif" class="button"/>

文章来源:http://hi.baidu.com/black8/blog/item/48f38deceb07352d62d09f2f.html

Tags:textarea 插入 表情

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接