javascript - 如何设置拖动元素的样式

Question

我可以使用一些事件来处理拖放:

https://developer.mozilla.org/en/DragDrop/Drag_and_Drop

有一个 drag 事件，它在元素被拖动时触发。我可以控制源元素样式或目标可放置容器，但如何设置浏览器创建的“幻影”元素的样式？

当元素位于不可拖动区域上时，我想从中删除“禁用”图标，并将其替换为“光标移动”图标

这是我目前所拥有的:

http://jsfiddle.net/YkaCM/

Answer 1

您不能直接设置它的样式，因为它是拖动开始时元素外观的位图/副本:

http://jsfiddle.net/2EvGP/

编辑:

您实际上可以通过在拖动开始时简单地更改元素的样式来实现这一点:http://jsfiddle.net/LULbV/

$('#draggable').bind('dragstart', function (e){

  [Set style here]

  setTimeout(function(){
    [Reset style here]
  }, 1);

  ...

});

这在 Chrome 19 中完美运行，并根据您在 Firefox 13 中的拖动方式显示样式变化。您需要在放置时重置拖动元素的样式。

(注意我有一台相当快的电脑，所以我不确定这个 hack 是否仍然适用于慢速机器)