欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

可插入圖片的TEXT文本框

 更新時(shí)間:2013年12月27日 14:59:38   作者:  
這篇文章主要介紹了可插入圖片的TEXT文本框,有需要的朋友可以參考一下

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

html代碼如下:

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

<div id="guo" style="width:500px; height:200px; border:1px solid red"  contenteditable="true">
    <img src="qqface/1.gif" />
    </div>
 <input type="button" value="插入" onclick="insert()" />

js代碼:

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

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

操作前的界面:

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

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

收工.

相關(guān)文章

  • 只需五句話搞定JavaScript作用域(經(jīng)典)

    只需五句話搞定JavaScript作用域(經(jīng)典)

    javascript作用域是前端開(kāi)發(fā)比較難理解的知識(shí)點(diǎn),下面小編給大家提供五句話幫助大家很快的了解js作用域,非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起學(xué)習(xí)吧
    2016-07-07
  • 詳解maxlength屬性在textarea里奇怪的表現(xiàn)

    詳解maxlength屬性在textarea里奇怪的表現(xiàn)

    這篇文章主要介紹了maxlength屬性在textarea里奇怪的表現(xiàn)的相關(guān)資料,需要的朋友可以參考下
    2015-12-12
  • 最新評(píng)論