如何解决如何在 Flutter web 上禁用上下文菜单? 右键单击,触摸按
如何在 Flutter (2.x,Web / Browser) 中禁用上下文菜单,例如在移动设备上右键单击或触摸长按(例如 DevTools 移动视图)。
我来自使用 Angular 等进行 Web 开发。在 HTML/JS 中,它的工作原理如下:
document.body.addEventListener('contextmenu',(event) => {
event.preventDefault();
});
但是如何在 Flutter 上做到这一点呢?是否有可以禁用的上下文菜单事件。阻止右键单击将不起作用。因为它也会出现在手机长按上(发布时)。
解决方法
目前没有官方解决方案。这是相关的 GitHub 问题:flutter#78671。
解决方法:只需打开浏览器的开发工具并在控制台中执行以下代码:
document.body.addEventListener('contextmenu',(event) => {
event.preventDefault();
});
来自 Flutter 的热重载不会重载页面。所以它适用于整个会话。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。