Question

我使用uploadifive库实现了文件上传功能。在那里我可以给拖放一个div。所以，现在我想强调拖动事件被触发时的div。拖动对象有足够的示例，例如带有页面的div，并标识它们的拖动事件。但我无法通过文件拖动找到拖动事件的解决方案。

 document.addEventListener('dragover', function (e) {
        console.log('drag over');
        e.preventDefault();
        e.stopPropagation();
 }, false);

Answer 1

您需要的是dragover事件。您需要将事件绑定到body或document，然后每当您检测到dragover时，请执行您需要执行的操作（突出显示放置区域）。

样品

/* events fired on the drop targets */
document.addEventListener("dragover", function( event ) {
    // prevent default to allow drop
    event.preventDefault();
}, false);

不要忘记preventDefault()。也不是说这会在每次鼠标移动时触发，因此不建议对此进行大量计算。

您可以阅读更多信息over here

识别拖动事件jquery

1 个答案: