Verhindern Sie Drag & Drop-Standard über Glut Anwendung

Question

Ich versuche, die Standard-Drag & Drop-Funktion über eine Glut-Anwendung zu verhindern. Ich habe versucht, die Tropfen Ereignisse und event.preventDefault() in der Steuerung zu verwenden, aber ich bin ziemlich sicher, dass sie nur in den Komponenten verfügbar sind. Ich habe auch versucht, ondragstart="return false;" ondragenter="return false;" ondrop="return false;" dragover="return false;" dragleave="return false;" zu dem Body-Tag in Index HTML hinzuzufügen. Was ist der richtige Weg, damit umzugehen?

Answer 1

Um zu verhindern, dass Standardereignisse angehört werden, definieren Sie das entsprechende Ereignis auf null. Reference

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

, wenn Sie mit glut-cli dann in App.js Datei,

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; 
} 

fügen Sie diese Klasse Ihrem Tag hinzu.