1

我是 HTML5 的新手。我无法在 Eclipse 中拖放。此功能在浏览器中运行。

请有人帮助我。提前致谢。 

<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
#div1 {
    width: 350px;
    height: 70px;
    padding: 10px;
    border: 1px solid #aaaaaa;
}
</style>
<script>
    function allowDrop(ev) {
        ev.preventDefault();
    }
    function drag(ev) {
        ev.dataTransfer.setData("Text", ev.target.id);
    }
    function drop(ev) {
        ev.preventDefault();
        var data = ev.dataTransfer.getData("Text");
        ev.target.appendChild(document.getElementById(data));
    }
</script>
</head>
<body>
    <p>Drag the image into the rectangle:</p>
    <div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
    <br>
    <img id="drag1" src="ic_launcher.png" draggable="true"
        ondragstart="drag(event)" width="336" height="69">
</body>
</html>
4

0 回答 0