1

HTML5初心者です。日食内でドラッグアンドドロップできません。この機能はブラウザで動作しています。

誰か助けてください。前もって感謝します。 

<!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