拖动事件不会触发

时间:2019-01-18 06:43:00

标签: javascript addeventlistener drag

我正在尝试使div列表可拖动。我尝试使用拖动事件,但是,当我调试时,我意识到它甚至没有进入函数中。可能是什么问题?这是我的代码:

setDragDrop() {
    const cols = document.querySelectorAll('.slide');
    [].forEach.call(cols, (col) => {
        col.setAttribute('draggable', 'true');
        col.addEventListener('dragstart', (e) => {
            e.preventDefault();
            e.stopPropagation();
            col.bool = false;
            e.dataTransfer.effectAllowed = 'move';
            col.layer.dragSrcEl_ = col;
            col.classList.add('moving');
        }, true);
        col.addEventListener('dragenter', (e) => {
            col.classList.add('over');
        }, false);
        col.addEventListener('dragover', this.handleDragOver, false);
        col.addEventListener('dragleave', (e) => {
            col.classList.remove('over');
        }, false);
        col.addEventListener('drop', this.handleDrop, false);
        col.addEventListener('dragend', this.handleDragEnd, false);
    });

}

0 个答案:

没有答案