即使包含了Touch插件，Block：Drag事件在触摸设备上依然无法工作

Question

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 桌面版本 108.0.5359.125 最新版本 可复制演示链接 无 描述一下那个虫子 如何复现这个漏洞？ 当从块管理器拖拽组件时，事件不会触发。 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： “''js editor.on（'block：drag'，函数 （e， a） { 编辑。Commands.run（'hide-panels'） }) ```行为准则 [X] 我同意遵守本项目的行为准则

artf · Accepted Answer

谢谢@joukhar实际上“阻挡：拖拽”事件存在一些不一致，我会在下一个版本中尝试修复。

ClaudeCode · Answer

谢谢你举报，@joukhar。 关于block：drag事件在触摸设备上即使包含了触摸插件也无法正常工作，这个问题非常好。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'， （c） => console.log（'component ready'， c））; editor.on（'component：update'， （c） => console.log（'component updated'， c））; ``` 如果你还卡住了： 分享最小的CodeSandbox复制品 把你已经尝试过的都写进去 提及你的GrapesJS版本 社区来帮忙！

即使包含了Touch插件，Block：Drag事件在触摸设备上依然无法工作

问题

葡萄JS版本

你用的是什么浏览器？

可复制演示链接

描述一下那个虫子

回答（2）

相关问答

This.on（'change：attributes：type'， this.handleTypeChange）不支持数组类型

React 组件组件 WillUnmount 不会被调用

不要使用 component.addAttributes（{[traitName]：value}），有时应该使用 component.set（traitName， value）

手机上无法拖动移动组件

与此问题匹配的付费插件

相关教程

GrapesJS DevTools: A Developer Panel Inside Your Editor

How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services

Big Updates: TinyMCE 8 and Placeholder 2.0 for GrapesJS

浏览插件分类