最近做了一個(gè)可以回復(fù)留言的頁面，主要包括：@、表情功能，一開始使用的是文本域textarea，最后發(fā)現(xiàn)這樣無法顯示表情，后來改成可編輯div，在div中添加contenteditable="true"，則該div即可編輯。

<div contenteditable="true"></div>

在選擇表情或者選擇@某人后，會(huì)經(jīng)常遇到選擇后可編輯div中的光標(biāo)不見了，或者顯示的位置不對，于是在網(wǎng)上找了些方法，現(xiàn)在總結(jié)下：

function set_focus()
{
    el=document.getElementById(''guestbook_editor'');
    //el=el[0];  //jquery 對象轉(zhuǎn)dom對象
    el.focus();
    if(el.selectionStart) //判斷是否IE
    {
        var range = document.selection.createRange();
        this.last = range;
        range.moveToElementText(el);
        range.select();
        document.selection.empty(); //取消選中
    }
    else
    {
        var range = document.createRange();
        range.selectNodeContents(el);
        range.collapse(false);
        var sel = window.getSelection();
        sel.removeAllRanges();
        sel.addRange(range);
    }
}