var df = $("#dropfiles");
df.on('dragenter', function (e)
{
e.stopPropagation();
e.preventDefault();
$(this).removeClass("outside").addClass("inside");
console.log("dragenter");
});
df.on('dragleave', function (e)
{
e.stopPropagation();
e.preventDefault();
$(this).removeClass("inside").addClass("outside");
console.log("dragleave");
});
这是一个jsfiddle:http://jsfiddle.net/82zbdxon/19/
在firefox 42.0下,当我将文件拖到dragleave
元素上并开始慢慢移动它时,我的计算机上会调用dragenter
+ #dropfiles
对。以下是显示示例的屏幕截图:正在#dropfiles div
上拖动文件,div
的类别为outside
而不是inside
。
在Chrome浏览器下,它似乎工作正常。
这可能是jQuery中的错误吗?或者也许在Firefox中?
更新:在Firefox 42,IE 11,Opera 33和Chrome 46上测试过。只有Firefox出现此问题。所以我猜这是一个firefox错误?还是不确定。