Backbone.js drop事件不起作用

时间:2016-12-27 18:56:03

标签: javascript html5 backbone.js drag-and-drop marionette

我遇到丢弃事件的问题。

在我的模板中,我有一个div,这是一个放置区域。当我删除文件时,我想禁用重新加载站点并显示照片。

prevenDefault()不起作用,我的网站重新加载,我只能看到上传的照片

<div class="text-center js-upload">
</div>

的JavaScript

ui: {
   upload: '.js-upload'
},
events: {
  'drop @ui.upload': 'onDrop'
},
onDrop: function (event) {
  event.preventDefault();
},

1 个答案:

答案 0 :(得分:1)

为了解决这个问题,我使用了来自Why preventDefault does not work?

的解决方案
$('#imgDropzone').on("dragenter dragstart dragend dragleave dragover drag drop", function (e) {
    e.preventDefault();
});

在我的示例中,我同样为所有drag&drop events添加了preventDefault