javascript - HTML5 放置事件子级被阻止

Question

我使用 HTML5 D&D。我有一个“父级”放置区域，例如“ parent ”。 在那个 parent 中，我放弃了我的 child ，例如“ child ”。每个被丢弃的 child 也成为被丢弃的区域，例如它可以接受 D&D 事件。

如果我将某些内容拖动到“父”区域上，它会突出显示，“子”区域也是如此。 但我面临问题，“丢弃”事件是从“父”区域触发的。如果我将某些东西拖到“子”区域上，“dragenter”、“dragleave”就可以正常工作。 但“drop”事件不会触发。相反，“父”区域会触发它。

我通过在“父”区域中取消“drop”事件来解决此问题，但这不是解决方案。

如何以正常方式修复它？

Answer 1

好吧，我发现我必须使用

event.stopPropagation();
event.preventDefault();

在“drop”事件中。还要确保它不是通过 jQuery live 绑定(bind)的。