dropzone.js删除单击以上载

Question

我在一个项目中使用dropzone.js插件。我想知道是否有一种方法可以停止click事件(在这里您可以选择一个文件)，但是保留拖放函数。

拖放在我们整个页面上，当你选择文本时，点击变得很烦人。

我试过了

$('.dropzone')[0].removeEventListener('click', myDropzone.listeners[1].events.click);

和

$(".dz-hidden-input").prop("disabled",true);

但是这些会使我仍然需要工作的拖拽失效。有什么想法吗？

Answer 1

初始化Dropzone时，可以将clickable选项设置为false。根据DOCS

如果为true，则下拉区域元素本身将是可单击的，如果为false，则任何内容都是可单击的。 还可以传递HTML元素、CSS选择器(用于多个元素)或其中的数组。在这种情况下，所有这些元素在单击时都会触发上传。

见下面的演示

​

// Dropzone class:
$("div#myDZ").dropzone({
  url: "/file/post",
  clickable: false
});

#myDZ {
  padding: 10px;
  width: 100%;
  height: 100vh;
  border: 2px inset #c8c8c8;
  font-family: Calibri;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.4.0/min/dropzone.min.js"></script>

<div id="myDZ">
  Drag / Drop your files here . Click is <kbd>DISABLED</kbd> and wont work
</div>

​