今天在做類似於qq那樣的評論功能時,束手無策,在網上到處找答案,最後在一個很小很小的角落裡受到了啟發.認識了一個新的東西contenteditable.
html程式碼如下:
複製代碼代碼如下:
<div id="guo" contenteditable="true">
<img src="qqface/1.gif" />
</div>
<input type="button" value="插入" onclick="insert()" />
js程式碼:
複製代碼代碼如下:
function insert() {
$("#guo").append("<img src='qqface/2.gif' />");
}
操作前的介面:
點選插入後的介面:
輸入文字,並且插入的圖片還可以複製,從一個輸入框複製到另一個輸入框
收工.