javascript - 如何让 HTML5 拖放事件与 iFrame 配合使用？

Question

我正在使用 CKEditor，我想要做的是允许用户将 LI 元素拖动到编辑器中，然后使用 CKEditor API 将拖动数据插入到文本中。

我遇到的问题是 CKEditor 在 WYSIWYG 中使用 iFrame，并且这似乎没有“ondrop”或“ondragover”事件。有什么办法可以解决这个问题吗？我实际上不需要能够将数据直接传递到 iFrame 中。在放置事件中，我会执行以下操作:

var data = ev.originalEvent.dataTransfer.getData('id');
CKEDITOR.instances.story_body.insertText("[asset-id:" + data + "]");

Answer 1

看看我为你创建的这个 fiddle : http://jsfiddle.net/ojt16v8L/

我周围的 div 正在处理 Dragenter，显然您可以为 drop 和任何其他事件执行此操作。

cont.addEventListener("dragenter",handleDragEnter,false);

BR，萨尔