每当DOM对象被拖放到html5画布上时,我都试图调用处理程序函数,但是由于某种原因,事件没有被触发。
据称,我正在寻找的活动是drop或dragend。这是直接从这个参考。
dragend -拖动操作正在结束(通过释放鼠标按钮或单击转义键) drop -一个元素被拖放到一个有效的目标上。
下面是我设置的一个简单测试用例的JS小提琴。我设置了记录器函数,这样就可以测试触发了哪些事件。一个橙色的帆布上有一个按钮和一个黑点的图像。黑点和按钮都是可拖动的元素。当它们被拖放到画布上时,不会触发drop或dragend事件。为什么不行?
唯一被触发的拖动事件是dragover!
HTML
<di
我正在使用draggable-dnd库创建一个kanban board React应用。可拖动的div(或“任务”)是应用程序的一部分,我想添加"X“按钮,以便在单击时删除这些可拖动的div。当我将这些按钮放在可拖动对象的div中时,它们会以正确的功能出现。但是,我想让它们的样式正确地固定在右上角。因此,我尝试添加position:'fixed'以及top和right位置。但是当这个CSS被实现时,按钮就消失了。更奇怪的是,当我拖动可拖动对象时,按钮会暂时出现,直到可拖动对象再次被拖放。我尝试将按钮的z索引更改为较高的数字,并将按钮重新包装在div中,但都无济于事。
d