javascript - Scriptaculous Droppables onDrop 回调，如何引用每个元素？

Question

文档可以在这里找到

它在示例中说：

onDrop：每当一个 Draggable 在 Droppable 上释放并且 Droppable 接受它时调用。回调获取三个参数：Draggable 元素、Droppable 元素和 Event。您可以从 Event 对象中提取有关放置的其他信息（例如是否按下了 Ctrl 或 Shift 键）。

然后它给出了一些代码

Droppables.add('shopping_cart', { accept: 'products', onDrop: function(element) { $('shopping_cart_text').update('把' + element.alt + '放在我身上。'); } }) ;

它在代码中使用了模棱两可的词“元素”。 我的问题是，有没有人有一个很好的例子来说明如何在这个回调 javascript 函数中引用可拖动元素和可放置元素？

Answer 1

通过页面下方的示例，回调函数可以根据需要获取尽可能多的参数：

onDrop: function() { $('droppable_demo').highlight(); }

在这种情况下，他们没有使用任何回调参数。为此，大概要访问您引用的段落中提到的所有三个，您可以定义：

onDrop: function(dragged, dropped, event) {  }

Answer 2

我将此示例添加到文档中...

 Droppables.add('shopping_cart', {
  accept: 'products',
  onDrop: function(dragged, dropped, event) {
    alert('Dragged: ' + dragged.id);
    alert('Dropped onto: ' + dropped.id);
    alert('Held ctrl key: ' + event.ctrlKey);
  }
});