问题 #905💬 已回答提出于 2018年2月27日作者 konstantin550000 个反应

需要找到必要的事件。

快速解答作者 konstantin55000

如果需要更多解释情况，请写信。我试着用视频描述这里 https://www.screencast.com/t/V2mGBFXp 所以当文本“丢入表单时，我需要事件来检测组件表单。

问题

大家好！

拖块到画布上，然后放下： ...我们有事件要检测，我们要投放到哪个方块。

 editor.on（'block：drag：stop'， function（currentBlock） {
    console.log（'一切正常，currentBlock）;
}

？：但当我把块文本放进 form（换句话说，我会把一个块嵌套到另一个块里）我如何检测：*嵌套发生在哪个具体方块中？？指定什么事件来检测该组件？我试过 canvas：dragenter 和 canvas：drop 这两个事件，但当 Canvas 上 drop 组件时，它们没有气泡。

感谢所有社区成员的帮助！

附言：不知怎么的，那种事件从未发生过

 editor.on（'canvas：dragenter'， function（dt， currentComp） {
        console.log（“画布拖拉甘特”，dt，currentComp）;
    });
    
editor.on（'canvas：drop'， function（dt， currentComp） {
        console.log（'画布投放：'，dt， currentComp）;
    });

回答（3）

konstantin55000• 2018年2月27日

如果需要更多解释情况，请写信。我试着用视频描述这里 https://www.screencast.com/t/V2mGBFXp 所以当文本“丢入表单时，我需要事件来检测组件表单。

artf• 2018年3月2日

你好，Konstantin，首先，'canvas：*' 事件是 https://github.com/artf/grapesjs/releases/tag/v0.13.5 通过 HTML5 D&D 引入的，从你的屏幕录制来看，你似乎并没有使用它。顺便问一下，检查当前版本的父元素怎么样 “''js editor.on（'block：drag：stop'， droppedComponent => { console.log（'我在表单里吗？'， droppedComponent.closest（'form'））; }

lock[bot]• 2019年9月17日

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

在 GitHub 上查看完整讨论 →