Javascript Scriptaculous Dropables onDrop回调,如何引用每个元素?
可以找到文档 它在示例中说: onDrop: 每当可拖放对象在可拖放对象上释放并且可拖放对象接受它时调用。回调得到三个参数:Draggable元素、dropable元素和事件。您可以从事件对象中提取有关拖放的其他信息,如按下Ctrl键或Shift键。 然后给出了一些代码 Droppables.add('购物车'){ 接受“产品”, onDrop:功能(元素){ $('shopping\u cart\u text').update('drop the'+element.alt+'on me.'); } });Javascript Scriptaculous Dropables onDrop回调,如何引用每个元素?,javascript,scriptaculous,droppable,Javascript,Scriptaculous,Droppable,可以找到文档 它在示例中说: onDrop: 每当可拖放对象在可拖放对象上释放并且可拖放对象接受它时调用。回调得到三个参数:Draggable元素、dropable元素和事件。您可以从事件对象中提取有关拖放的其他信息,如按下Ctrl键或Shift键。 然后给出了一些代码 Droppables.add('购物车'){ 接受“产品”, onDrop:功能(元素){ $('shopping\u cart\u text').update('drop the'+element.alt+'on me.');
它在代码中使用了模棱两可的单词“element”我的问题是,有没有人有一个关于如何在回调javascript函数中引用draggable元素和dropable元素的好例子?再看下一页的例子,回调函数可以根据需要使用任意多的参数:
onDrop: function() { $('droppable_demo').highlight(); }
在本例中,他们没有使用任何回调参数。为此,假设要访问您引用的段落中提到的所有三个,您可以定义:
onDrop: function(dragged, dropped, event) { }
我将此示例添加到文档中
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);
}
});