拖动元素时无法更改光标

Question

我希望在将指定的droppable上的元素拖动时将光标更改为copy。 我使用它通过拖放到浏览器窗口来从本地文件系统上传文件。我可以改变元素的外观，但光标不会改变。以下是我使用的代码：

HTML

<div class="droppable"></div>

CSS

.droppable {
    width: 200px;
    height: 100px;
    background: red;
}

.droppable.active {
    background: green;
    cursor: copy;
}

JS

droppable = $('.droppable');

droppable.on('dragover dragenter', function(event) {
    droppable.addClass('active');
    event.preventDefault();
    event.stopPropagation();
});

droppable.on('dragleave', function(event) {
    droppable.removeClass('active');
    event.preventDefault();
    event.stopPropagation();
});

您可以在此处自行试用：http://jsfiddle.net/27px4u5h/

该演示还包含第二个（橙色）元素，用于显示光标的外观。

为什么这不起作用？

Answer 1

我已经在Chrome和FF中测试了您的代码。并且看起来Chrome已成功运行您的代码但是FF没有运行您的代码，可能是由于某些限制或所需的支持资源，我对此不确定。

希望它可以给你一些帮助。