如何在拖放时更改光标旁边的元素?

时间:2012-07-31 04:34:16

标签: google-closure google-closure-library

我正在尝试将拖放功能合并到使用Google Closure库的应用程序中。具体来说,我使用的是goog.fx.DragDropGroup类:

http://closure-library.googlecode.com/svn/docs/class_goog_fx_DragDropGroup.html

现在,我试图让光标旁边的元素成为拖动源以外的元素。我已尝试在事件监听器的回调函数中执行此操作{.1}}事件。

dragstart

但是,直接更改放置目标项的myapp.Foo.prototype.dragStart_ = function(e) { var dElement = goog.dom.createElement('div'); dElement.innerHTML = 'This element is not a copy of the drag source element.'; e.dropTargetItem.element = dElement; } 属性不起作用。实际上,它在拖放时会消除拖动源元素的任何副本。

如何在使用鼠标拖动拖动源时将另一个元素指定为显示的元素?我不希望这个元素与拖动源相同。

1 个答案:

答案 0 :(得分:0)

您可以创建一个继承自goog.fx.DragGroup的draggroup类 然后覆盖函数:createDragElement 您返回的元素将是鼠标指针后面的元素。

示例:

goog.provide('my.DragGroup');

goog.require('goog.fx.DragDropGroup')

/**
 * @constructor
 * @extends {goog.fx.DragDropGroup}
 */
my.DragGroup = function() {
    goog.base(this);
};
goog.inherits(my.DragGroup, goog.fx.DragDropGroup); 

/** @inheritDoc */
my.DragGroup.prototype.createDragElement = function(sourceEl) {
    return goog.dom.createDom('div', null, 'Not a copy of the source El');
}

希望这有帮助