浏览器对dragover的回应 - html5拖放

Question

我正在使用html5拖放操作。

当我从任何给定的网页拖动图像或链接时，浏览器窗口正在识别dragover事件。

例如，通过浏览器选项卡拖动图像，使浏览器切换窗口。例如，将链接拖到书签上也是一样。

现在，当我拖动自定义可拖动元素时，浏览器没有任何反应。有没有办法改变这种行为？

Answer 1

我不明白你想达到什么目的，但是当你将自定义元素移动到文档或窗口之外时，似乎想要做些什么事情。

你应该尝试绑定一个处理程序与dragleave或类似的东西。下面是一个example from another question：

var dropTarget = $('.dropTarget'), 
    html = $('html'), 
    showDrag = false, 
    timeout = -1; 

html.bind('dragenter', function() { 
    dropTarget.addClass('dragging'); 
    showDrag = true; 
}); 
html.bind('dragover', function(){ 
    showDrag = true; 
}); 
html.bind('dragleave', function (e) { 
    showDrag = false; 
    clearTimeout(timeout); 
    timeout = setTimeout(function(){ 
     if(!showDrag){ dropTarget.removeClass('dragging'); } 
    }, 200); 
}); 

我认为这可能为你工作，但进一步的帮助，你应该延长您的问题的描述。

同样我会留下一些HTML5 drag and drop docs here