21

angular 2でアップロードコンポーネントを構築していますが、問題に遭遇しました。(drop)イベントが機能していません。これは私の実装です

<div
class="input-upload"
*ngIf="status != 'finished'"
(drop)="onDrop($event)"
(dragenter)="dragenter()"
(dragleave)="dragleave()"
(dragover)="dragover()"
[ngClass]="{'drag-over': dragOver | async}"
>

onDrop(event: any) {
event.preventDefault();
event.stopPropagation();
console.log(event)
}

私は何か間違ったことをしていますか？イベントに存在しない関数を入れても(drop)、角度はエラーになりません。

4

2 に答える 2

38

現在ホバーされている要素が有効なドロップ ターゲットであることをブラウザーに通知するには、event.preventDefault()呼び出す必要があります。dragOver(event)

https://developer.mozilla.org/en-US/docs/Web/Events/dropも参照してください

于 2016-02-01T17:42:34.840 に答える
3

これをドラッグオーバーとドラグエンドに追加します

false を返します。

@彼はあなたが言ったことをすでにやっています

于 2016-02-29T23:46:41.837 に答える