Emberアプリケーション間でのデフォルトのドラッグアンドドロップを防止します。

Question

Emberアプリケーション全体でデフォルトのドラッグアンドドロップ機能を使用しようとしていません。私はコントローラでドロップイベントとevent.preventDefault()を使用しようとしましたが、コンポーネントでしか利用できないと確信しています。また、インデックスhtmlのbodyタグにondragstart="return false;" ondragenter="return false;" ondrop="return false;" dragover="return false;" dragleave="return false;"を追加しようとしました。これを処理する適切な方法は何ですか？

Answer 1

デフォルトのイベントが聴かれるのを防ぐには、nullに対応するイベントを定義するだけです。 Reference

let App = Ember.Application.create({ 
     customEvents: { 
     dragstart: null, 
     drag: null, 
     dragenter: null, 
     dragleave: null, 
     dragover: null, 
     drop: null, 
     dragend: null 
     } 
    }); 

あなたはエンバー-CLI App.jsファイルに、次に使用している場合は、

App = Ember.Application.extend({ 
    modulePrefix: config.modulePrefix, 
    podModulePrefix: config.podModulePrefix, 
    Resolver, 
    customEvents: { 
     dragstart: null, 
     drag: null, 
     dragenter: null, 
     dragleave: null, 
     dragover: null, 
     drop: null, 
     dragend: null 
    } 
}); 

Answer 2

.no-drag{ 
    -webkit-user-drag: none; 
    user-drag: none; 
    -webkit-touch-callout: none; 
} 

このクラスをタグに追加します。