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」によってドロップされたときを検出しようとしているところです。何らかの応答が返されます (アラートなど)。しかし、解決策を長い間探した後、私はまだ本当にわかりません。助けてくれてありがとう。