0

我写了一个简单的拖放代码。让我们看看代码

<!DOCTYPE html>
<html>
<head>
    <title>System Drag and Drop Example</title>
    <script type="text/javascript">
        {
            function dragUser(user,oEvent)
            {
                oEvent.dataTransfer.setData('User',user.id)
            }
            function dropUser(target,oEvent)
            {
                var user= oEvent.dataTransfer.getData('User');
                alert(user);
                alert(target);
                target.appendChild(document.getElementById('user'));
                oEvent.returnValue=false;
            }
        }
    </script>
</head>
<body>
<p>Try daragging this text to the red box</p>
<p>
    <div style="border: 1px solid black; width: 150px; height: 150px">
        <img id="img" src="mine,image,life,quote,words,message-5eb746364548d71d07c86e52e63b7b56_h.jpg" width="100px" height="100px" ondragstart="dragUser(this,event)">
    </div>

    <div id="div2" style="background-color: red; width: 100px; height: 100px; clear: both" ondrop="dropUser(this,event)" ondragenter="return false" ondragover="return false">

    </div>
</p>

</body>

</html>

问题是，当我尝试使用 id="div2" 将图像从上面的 div 拖到较低的 div 时，我的图像不会被丢弃，而不是它作为图像在选项卡中打开。请让我知道这背后的原因。

4

0 回答 0