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

时间:2016-09-27 13:11:06

标签: html5 drag-and-drop html5-draggable

我正在使用html5拖放。

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

例如,通过浏览器选项卡拖动图像,使浏览器切换窗口。同样适用于拖动指向书签的链接。

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

1 个答案:

答案 0 :(得分:4)

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

您应该尝试使用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