【问题标题】:Backbone.js drop event doesn't workBackbone.js 放置事件不起作用
【发布时间】:2016-12-27 18:56:03
【问题描述】:

我对 drop 事件有疑问。

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

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

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

JavaScript

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

【问题讨论】:

  • 您是否使用插件进行文件输入?文件输入不会自行提交。
  • 您应该提供一个minimal reproducible example 来说明问题。
  • 您可以删除您的问题,写一个答案并接受它,或者将您的问题标记为另一个问题的副本(如果您自己的问题可能的话)。

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


【解决方案1】:

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

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-23
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多