Javascript のドラッグ アンド ドロップ API に問題があります。widgetsと呼ばれる領域とselectionと呼ばれる領域の 2 つがあります。ここで、ウィジェットを 1 つの領域からドラッグ アンド ドロップできるようにしたいと考えています。これはすでに機能していますが、ウィジェットを選択パネルにドラッグした場合のみです。
ウィジェットパネルにドラッグして戻したいとき。それは動作しません。私のデバッグによると、dragstartイベントは呼び出されません。他のすべてのイベントは機能しますが、このイベントのみが発生していないようです。
しかし、このイベントが発生しない理由が見つかりません。
これは、dragstartイベント ハンドラーのコードです。
`widget.on('dragstart', function(e){
this.style.opacity = '0.4';
console.log('started');
dragSrcEl = this;
console.log(dragSrcEl);
console.log(this.outerHTML);
e.originalEvent.dataTransfer.effectAllowed = 'move';
e.originalEvent.dataTransfer.setData('text/html', this.outerHTML);
});
`
コード全体を見つけることができるjsFiddleを作成しました。