今天在做類似于qq那樣的評(píng)論功能時(shí),束手無(wú)策,在網(wǎng)上到處找答案,最后在一個(gè)很小很小的角落里受到了啟發(fā).認(rèn)識(shí)了一個(gè)新的東西contenteditable.

html代碼如下:

復(fù)制代碼 代碼如下:

<div  contenteditable="true">
    <img src="qqface/1.gif" />
    </div>
 <input type="button" value="插入" />

js代碼:

復(fù)制代碼 代碼如下:

function insert() {
            $("#guo").append("<img src='qqface/2.gif' />");
        }

操作前的界面:

點(diǎn)擊插入后的界面:

輸入文字,并且插入的圖片還可以復(fù)制,從一個(gè)輸入框復(fù)制到另外一個(gè)輸入框

收工.