问题 #4356💬 已回答提出于 2022年5月31日作者 Justin83030 个反应

Selector:remove event does not exist

快速解答作者 artf

你好@Justin8303“selector：remove”指的是全局选择器的容器，所以只有当选择器实际从全局集合中移除时才触发，而不是从组件中移除。当你从组件中移除选择器时，它依然存在，因为它可能也被用在其他地方。如果你需要跟踪组件类的变化，我建议使用“component：update：classes”事件

阅读下方完整回答 ↓

问题

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？铬101 可复制演示链接 https://jsfiddle.net/sdrf72wx/1/ 描述一下那个虫子如何复现这个漏洞？在编辑器初始化时执行以下代码添加和移除组件的选择器查看控制台输出预期的行为是什么？如果组件选择器被移除，它应该会把选择器打印到控制台。目前的行为是什么？如果选择器被移除，控制台不会提示，因此“selector：remove”事件不会触发。此外，“selector”事件只捕获“selector：add”和“selector：update”，但不捕捉“selector：remove”，而是在选择器管理器的[event section]（https://grapesjs.com/docs/api/selector_manager.html#available-events）中捕获它们。如果需要执行某些代码来复现该漏洞，请粘贴到下面：行为准则 [x] 我同意遵守本项目的行为准则

回答（2）

artf• 2022年6月1日

GJSBlock• 2026年5月17日

谢谢你举报，@Justin8303。关于selector：remove event不存在的好问题。推荐的组件方法是使用事件驱动的API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'，（c） => console...

在 GitHub 上查看完整讨论 →