javascript - 检查某些 div 何时被同一个 img 删除

Question

这是我在 html5 中拖放的代码：

<script type="text/javascript">

function allowDrop(ev) {
ev.preventDefault();
}
function drag(ev) {
ev.dataTransfer.setData("Text",ev.target.id);
}
function drop(ev) {
var data=ev.dataTransfer.getData("Text");
ev.target.appendChild(document.getElementById(data).cloneNode(true));
ev.preventDefault();
}


</script>

<table width="75" height="75" border="1">
<tr>
<td><div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div></td>
<td><div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"></div></td>
<td><div id="div3" ondrop="drop(event)" ondragover="allowDrop(event)"></div></td>
</tr>
</table>
<img id="x" src="X.png" draggable="true" 
ondragstart="drag(event)" width="75" height="75" />
<img id="y" src="y.png" draggable="true" 
ondragstart="drag(event)" width="75" height="75" />

我卡住的地方是，我试图检测 div1、div2 和 div3 何时都被全部“x.png”或全部“y.png”删除，它会给出一些响应（如警报）。但是经过很长时间寻找解决方案，我现在仍然不知道。感谢您的任何帮助。