0

ドラッグ可能なテキスト ボックスを継続的に作成しようとしましたが、テキスト ボックスは常に最初の場所に戻ります。テキストボックスをクリックしてドラッグできるようにしたいのですが、ドロップするとそのままになります。

ここに私が現在使用しているコードがあります。助けが必要！

<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
#boxA{
float:left;padding:10px;margin:10px; -moz-user-select:none;
}
   #boxA { background-color: #6633FF; width:75px; height:75px;  }
</style>
<script type="text/javascript">
function dragStart(ev) {
   ev.dataTransfer.effectAllowed='move';
   ev.dataTransfer.setData("Text", ev.target.getAttribute('id'));
   ev.dataTransfer.setDragImage(ev.target,0,0);
   return false;
}
</script>
</head>
<body>
<center>
<div id="boxA" draggable="true" 
        ondragstart="return dragStart(event)">
   <p>Test</p>
</div>
</center>
</body>
</html>

私たちを手伝ってくれますか？修正したコードを私に投稿していただけますか?

4

1 に答える 1