在dragover上的浏览器响应-html5拖放

Question

我使用html5拖放。

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

例如，在浏览器选项卡上拖动图像会使浏览器切换窗口。例如，拖动链接到书签也是如此。

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

Answer 1

我不明白您想要实现什么，但是当您将自定义元素移到文档或窗口之外时，似乎您想要实现一些事情。

您应该尝试使用dragleave或类似的东西绑定处理程序。下面是另一个问题的示例：

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拖放文档