如何跟蹤HTML文件中的圖像（插入和刪除）

我有一個內容可編輯HTML文件，一個編輯器。每當我將圖像插入編輯器或從編輯器中刪除圖像時，我都想顯示警報。我該怎麼做？任何事件我必須處理。我可以跟蹤插入圖像，但是如何跟蹤移除的圖像？我想在我的編輯器中計算圖像的總大小 - 預先加載的圖像的大小（如果有）+插入的圖像大小以及圖像的總數。如何跟蹤HTML文件中的圖像（插入和刪除）

<html> 
    <head> 
    <script type="text/javascript"> 
    function InsertImage() { 
     var imagePath = "D:/\images/\Desert.jpg"; 
     var imageInfo = "<img src='" + imagePath + " ' width='200' height='200'>"; 
     document.execCommand('InsertHTML',false,imageInfo); 
    } 
    </script> 
    </head> 
    <body>  
    <input type="submit" value="Image" onClick="InsertImage()" /> 
    <div id="EditBox" contentEditable="true" 
      style="border: solid 1px red; width: 600px; height: 300px; 
      overflow-y: scroll; overflow-x: scroll;"> 
      </div> 
    </body> 
    </html>

來源

2013-04-17 Veena Sujith

通過您自己的功能進行添加或刪除，並在該功能中顯示警報。

來源

2013-04-17 08:37:09

如何跟蹤HTML文件中的圖像（插入和刪除）

回答

相關問題