HTML5拖放，隐藏基础图像

Question

我正在用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);

但它不仅隐藏了基本图像，还隐藏了图像。

Answer 1

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

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