如何禁用点击事件但是在Javascript中启用拖放功能？

Question

像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);
});
},