如何在Javascript中禁用click事件但启用拖放？

就像imgur的上传窗口一样

它们的拖动与单击是分开的
这是原始代码，我不知道将事件代码放在哪里。

html代码：

<div class="dropzone"></div>

Js代码：

upload: function (zone) {
var events = ['dragenter', 'dragleave', 'dragover', 'drop'],
    file, target, i, len;

zone.addEventListener('change', function (e) {
    if (e.target && e.target.nodeName === 'INPUT' && e.target.type === 'file') {
        target = e.target.files;

        for (i = 0, len = target.length; i < len; i += 1) {
            file = target[i];
            this.matchFiles(file, zone);
        }
    }
}.bind(this), false);

events.map(function (event) {
    zone.addEventListener(event, function (e) {
        if (e.target && e.target.nodeName === 'INPUT' && e.target.type === 'file') {
            if (event === 'dragleave' || event === 'drop') {
                e.target.parentNode.classList.remove('dropzone-dragging');
            } else {
                e.target.parentNode.classList.add('dropzone-dragging');
            }
        }
    }, false);
});
},

上传：功能（区域）{
var事件=['dragenter'、'dragleave'、'dragover'、'drop']，
文件，目标，i，len；
zone.addEventListener（'change'，函数（e）{
if（e.target&&e.target.nodeName=='INPUT'&&e.target.type=='file'）{
target=e.target.files；
对于（i=0，len=target.length；i