javascript - dropzone.js删除点击以上传

我正在为项目使用dropzone.js插件。我想知道是否有一种方法可以停止click事件（可以在其中选择文件），但是保留拖放功能。

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

我努力了

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

和

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

但是这些禁用了我仍然需要工作的拖放操作。有任何想法吗？

最佳答案

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


  如果为true，则dropzone元素本身将是可单击的，如果为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>

关于javascript - dropzone.js删除点击以上传，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/50455558/