svelte on drop 事件没有被调用

Question

我知道这一定是显而易见的事情，但我不明白。我有两个 div，一个是可拖动的，另一个是on:drop当我将可拖动的 div 放到它上面时似乎没有被调用。我缺少什么？

REPL：https://svelte.dev/repl/8846d8b9674d42ae86a410dbb737fb79 ?version=3.35.0

<script>

</script>

<div on:drop={ () => {console.log( "drop" )} } >drop on me</div>

<div class="drag" draggable={true}>drag me</div>

<style>
    div {
        padding: 20px;
        margin: 10px;
        background: #fee;
    }
    .drag {
        cursor:grab;
        background: #efe;
    }
</style>

Answer 1

看起来拖拽事件需要一个preventdefault；

<div 
    on:drop={ () => {console.log( "drop" )} } 
    on:dragover={(ev) => { ev.preventDefault() }}
>drop on me</div>