我正在构建一个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中工作
谢谢!