web-dev-qa-db-ja.com

ドロップイベントが機能しないangular 2

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)イベントとangularはエラーを出していません。

angularangular2-template
17
Kliment

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

参照 https://developer.mozilla.org/en-US/docs/Web/Events/drop

29
Günter Zöchbauer

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

falseを返します。

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

3
Mohy Eldeen