我想在Aurelia中实现一个简单的拖放操作,但似乎无法触发drop事件.
<template>
<div class="container">
<div class="row">
<div draggable="true" dragstart.delegate="dragStart($event)">Drag Me</div>
</div>
<div class="row">
<div class="upload-drop-zone" dragenter.delegate="dragEnter($event)" drop.delegate="dragDrop($event)">Drop Area</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
export class DemoPage {
dragStart(event) {
console.log('dragstart', event);
return true;
}
dragEnter(event) {
console.log('dragEnter', event);
return true;
}
dragDrop(event) {
console.log('dragDrop', event);
return true;
}
}
Run Code Online (Sandbox Code Playgroud)
任何帮助表示赞赏 - 谢谢.马特