<style>
div {
-webkit-touch-callout:none;
-ms-touch-action:none; touch-action:none;
}
</style>
<script context="module">
import DragDropTouch from 'svelte-drag-drop-touch'
</script>
<script>
function Logger (Id,EventType) {
return (Event) => console.log(
'#' + Id + ': ' + EventType + ', target = #' + Event.target.getAttribute('id')
)
}
function onDragOver (Event) {
console.log(
'#drop-zone: dragover, target = #' + Event.target.getAttribute('id')
)
Event.dataTransfer.dropEffect = 'copy'
Event.preventDefault()
}
</script>
<div style="
display:block; position:relative;
width:400px; height:400px;
margin:20px;
border:dotted 1px black; border-radius:4px;
">
<div id="draggable" draggable="true" style="
display:block; position:absolute;
left:20px; top:20px; width:80px; height:30px;