HTML5 Drag&放弃'dragover'活动

时间:2014-08-11 18:28:21

标签: javascript html html5 drag-and-drop html5-draggable

我正在构建一个Web应用程序,其功能类似于Adobe Photoshop或Illustrator等流行软件的浮动面板功能。我正在使用HTML5 Drag& amp;删除API即可。

首先,为了更新我拖动的面板,我在这些方面做了一些事情

el.style.left = (x - offsetX) + 'px';
el.style.top = (y - offsetY) + 'px';

现在,这一切都很棒!但问题是我想在另一个块元素上捕获 dragover 事件,如此

dropzone.addEventListener('dragover', function() { ... }, false);

问题是,只要我更新拖动元素的位置,事件永远就会被触发。但是当我注释掉我的拖动元素的重新定位时,事件被触发,就像这样

// Commenting out the repositioning...

// el.style.left = (x - offsetX) + 'px';
// el.style.top = (y - offsetY) + 'px';

现在,对我来说,感觉就像我拖动那种的方式来触发事件。

如何继续拖动我的块元素,但是还要激活 dragover 事件?

查看JSFiddle

在Chrome 36.0.1985.125中工作

谢谢!

0 个答案:

没有答案