<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代碼:

復制代碼代碼如下:

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

操作前的界面:

點擊插入后的界面:

輸入文字,并且插入的圖片還可以復制,從一個輸入框復制到另外一個輸入框

收工.

JavaScript常用數(shù)組去重的方法及對比詳解
數(shù)組去重在面試和工作中都是比較容易見到的問題。這篇文章主要是來測試多個方法，對下面這個數(shù)組的去重結果進行分析討論，需要的可以參考一下
2022-07-07
JS中的繼承操作實例總結
這篇文章主要介紹了JS中的繼承操作,結合實例形式總結分析了JS中的原型鏈繼承、構造函數(shù)繼承、組合繼承、class繼承等常見繼承操作實現(xiàn)技巧,需要的朋友可以參考下
2020-06-06
javascript模版引擎-tmpl的bug修復與性能優(yōu)化分析
在平時編碼中，經(jīng)常要做拼接字符串的工作，如把json數(shù)據(jù)用HTML展示出來，以往字符串拼接與邏輯混在在一起會讓代碼晦澀不堪，加大了多人協(xié)作與維護的成本。而采用前端模板機制就能很好的解決這個問題
2011-10-10
JavaScript 基礎表單驗證示例(純Js實現(xiàn))
下面小編就為大家?guī)硪黄狫avaScript 基礎表單驗證示例(純Js實現(xiàn))。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-07-07
dwz 如何去掉ajaxloading具體代碼
最近使用dwz來做項目，有時候在ajax的時候并不想使用dwz的loading，不知道有什么方法可以去掉嗎，下面為大家詳細介紹下具體的去掉方法
2013-05-05
TypeScript中的函數(shù)
這篇文章主要介紹了TypeScript中的函數(shù)，一般JavaScript中的函數(shù)定義常用的有使用function關鍵字聲明函數(shù)、使用字面量方式聲明函數(shù)、使用箭頭函數(shù)聲明函數(shù)等幾種函數(shù)，下面我們大家就一起進入文章了解這些函數(shù)的具體定義吧,需要的朋友可以參考一下
2021-12-12
通過JS判斷聯(lián)網(wǎng)類型和連接狀態(tài)的實現(xiàn)代碼
這篇文章主要介紹了通過JS判斷聯(lián)網(wǎng)類型和連接狀態(tài)的實現(xiàn)代碼,需要的朋友可以參考下
2015-04-04
Bootstrap 模態(tài)框實例插件案例分析
Bootstrap Modals（模態(tài)框）是使用定制的 Jquery 插件創(chuàng)建的。它可以用來創(chuàng)建模態(tài)窗口豐富用戶體驗，或者為用戶添加實用功能。下面通過本文給大家介紹如何使用bootstrap插件來實現(xiàn)模態(tài)框
2016-12-12
只需五句話搞定JavaScript作用域(經(jīng)典)
javascript作用域是前端開發(fā)比較難理解的知識點，下面小編給大家提供五句話幫助大家很快的了解js作用域，非常不錯，具有參考借鑒價值，感興趣的朋友一起學習吧
2016-07-07
詳解maxlength屬性在textarea里奇怪的表現(xiàn)
這篇文章主要介紹了maxlength屬性在textarea里奇怪的表現(xiàn)的相關資料,需要的朋友可以參考下
2015-12-12