Question

我正在尝试将拖放功能合并到使用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; }属性不起作用。实际上，它在拖放时会消除拖动源元素的任何副本。

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

Answer 1

您可以创建一个继承自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');
}

希望这有帮助

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

1 个答案: