微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

electron关于无边框窗口无法拖拽移动以及点击事件失效的问题

为了使窗口无边框,使得在某些时候让项目看起来更美观,所以在创建窗口的时候通过设置 frame 属性的值为 false 来创建无边框窗口。但是无边框窗口会产生无法移动的问题,对于这个问题我们可以在渲染进程中通过编辑 css 文件解决

设置 -webkit-app-region: drag 把整个文档都变成了一个可拖拽的对象:
body,html {
    -webkit-app-region: drag;
}

 

现在拖动的问题解决了,但是原来所有的点击事件却失效了,为此我们通过设置部分的这个属性值为 no-drag 来解决
section {
    -webkit-app-region: no-drag
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐