HTML5拖放，隐藏基本图像

我正在用html5制作拖放事件

如果拖动图像，透明图像将附着在鼠标光标上，而基础图像保持静止。 我想隐藏的基础形象，如果你移动一些真实的对象

所以我尝试这个代码

  <img src="img/tape01.png" id="img">

var img  = document.getElementById('img');

img.addEventListener('dragstart', function(evt) {
     //catch the drag event here.
         img.style.visibility = 'hidden';           

    }, true);

---

但它不仅隐藏了基础图像，还隐藏了拖动的图像。

这是html5浏览器的标准行为，在屏幕上保留两个可拖动对象的图像，以提醒用户在拖放事件完成之前拖动对象的起始位置和当前位置

---

在您的示例中，将可拖动对象“img”设置为不可见将使其两个图像同时不可见

他们是不是碰巧都有img的身份？请包含您的HTML。那么，拖动时是否无法隐藏原始图像？？