javascript - 防止在 ember 应用程序中拖放默认值

Question

我正在尝试阻止跨 ember 应用程序的默认拖放功能。我尝试在 Controller 中使用 drop 事件和 event.preventDefault()，但我很确定它们仅在组件中可用。我还尝试添加 ondragstart="return false;"ondragenter="返回错误；"ondrop="返回错误；"dragover="返回假；"dragleave="return false;" 到索引 html 中的 body 标签。处理此问题的正确方法是什么？

Answer 1

要防止默认事件被监听，只需将对应的事件定义为null即可。 Reference

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

如果您使用的是 ember-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
    }
});