Javascript HTML5跨窗口拖放&x27;德拉根德';事件在错误窗口中触发
我已经实现了HTML5拖放(不使用JQuery),它在一个窗口内工作良好。当我打开同一窗口(同一web应用)的第二个实例并尝试从一个浏览器窗口拖放到另一个浏览器窗口时,dragend事件将在源窗口而不是目标窗口中触发。我拖动的图像最终替换了整个目标窗口(浏览器位置设置为image src)。下面是我如何设置dragend处理程序的:Javascript HTML5跨窗口拖放&x27;德拉根德';事件在错误窗口中触发,javascript,html,drag-and-drop,Javascript,Html,Drag And Drop,我已经实现了HTML5拖放(不使用JQuery),它在一个窗口内工作良好。当我打开同一窗口(同一web应用)的第二个实例并尝试从一个浏览器窗口拖放到另一个浏览器窗口时,dragend事件将在源窗口而不是目标窗口中触发。我拖动的图像最终替换了整个目标窗口(浏览器位置设置为image src)。下面是我如何设置dragend处理程序的: myDiv.addEventListener('dragend', handleDragEnd, false); 我还为mouseover、mouseenter和
myDiv.addEventListener('dragend', handleDragEnd, false);
我还为mouseover、mouseenter和mouseleave添加了侦听器,这些侦听器在目标窗口中启动。只有dragend在源窗口中开火。MouseeEvent将源和目标设置为相同
当我在同一个窗口中将同一个源拖放到目标时,一切都正常工作
如何使dragend事件在目标窗口中触发?如果有帮助的话,我可以整理一个JSFIDLE,但我希望我遗漏了一些明显的东西
测试表明,这种情况会在多个浏览器中发生。我从未使用过这些API,但:对我来说似乎是正常的行为<代码>拖动启动、
拖动
和拖动
应出现在源代码窗口中。您在目标窗口上收到的事件应该是drop
。我认为您完全正确。我想这是一种情况,dragend和drop在同一个窗口中工作得同样好,但不能跨窗口。谢谢