小编Mat*_*ttD的帖子

使用HTML5拖放Aurelia

我想在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)

任何帮助表示赞赏 - 谢谢.马特

html5 drag-and-drop aurelia

2
推荐指数
1
解决办法
1471
查看次数

标签 统计

aurelia ×1

drag-and-drop ×1

html5 ×1