首頁 >web前端 >js教程 >可插入圖片的TEXT文字方塊_javascript技巧

可插入圖片的TEXT文字方塊_javascript技巧

WBOY
WBOY原創
2016-05-16 17:06:351950瀏覽

今天在做類似於qq那樣的評論功能時,束手無策,在網上到處找答案,最後在一個很小很小的角落裡受到了啟發.認識了一個新的東西contenteditable.

html程式碼如下:

複製程式碼 程式碼如下:


    可插入圖片的TEXT文字方塊_javascript技巧
  " value="插入" onclick="insert()" />

js程式碼:

複製碼 程式碼如下:
f guo").append("可插入圖片的TEXT文字方塊_javascript技巧");
        }


操作前的介面:

可插入圖片的TEXT文字方塊_javascript技巧點選插入後的介面:

可插入圖片的TEXT文字方塊_javascript技巧輸入文字,並且插入的圖片還可以複製,從一個輸入框複製到另外一個輸入框

可插入圖片的TEXT文字方塊_javascript技巧收工.

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn