拖动元素时不能改变光标
Can't change cursor while dragging over an element
我想将光标更改为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/
演示还包含第二个(橙色)元素,用于显示光标的外观。
为什么不工作?
我已经在Chrome和FF测试了你的代码。似乎chrome成功地运行了你的代码,但FF没有运行你的代码,这可能是由于一些限制或所需的支持资源,我不确定那一个。
希望能给你一些帮助。
相关文章:
- 是否可以改变光标的形状和大小
- 为什么菜单背景颜色不能改变
- 在<输入>而不改变光标
- JS滑块不能改变图像的动画时间
- Openlayers-3在等待时改变光标
- 不能改变span的内容
- 我不能改变setInterval内的全局变量
- 谷歌地图-改变光标到图像拾取偏移量
- 如何改变光标样式时,鼠标悬停在谷歌图表API与Javascript
- 我怎么能改变引导模态宽度在我的情况
- 我怎么能改变一个项目的值成数组不修改其他在React
- 为什么文本的高度不能改变
- 不能改变css文件在流星管理-lte
- 如何在动画后改变光标
- 不能将光标移动到空p标签
- 我怎么能改变从android在运行时的html页面数据
- 不能改变属性
- 我怎么能改变的宽度推特引导在移动视图到完整视图
- 为什么我不能改变一个字符串的原型
- 拖动元素时不能改变光标