Electron无边框自定义窗口拖动

解决方案

html 复制代码
    <header class="absolute" style="left:0px;top:0px;width:100%;height:48px;background-color:red;padding:0px;margin:0px;">
      <div class="absolute" style="left:0px;top:0px;width:100%;height:100%;-webkit-app-region:drag">
        <button style="width:200px;height:100px;-webkit-app-region:no-drag;" @click="console.log('abc')">点我</button>
      </div>
    </header>

首先外部可拖拽区域设置:-webkit-app-region:drag;

如果想要里面的按钮可点击,仅需要设置按钮不可拖拽就行:-webkit-app-region:drag;

相关推荐
Mike_jia2 分钟前
TCP 粘包/拆包问题
前端
沐墨染9 分钟前
敏感词智能检索前端组件设计:树形组织过滤与多维数据分析
前端·javascript·vue.js·ui·数据挖掘·数据分析
Kagol11 分钟前
🎉TinyPro v1.4.0 正式发布:支持 Spring Boot、移动端适配、新增卡片列表和高级表单页面
前端·typescript·开源
李少兄12 分钟前
B/S 架构:现代 Web 应用的核心架构模式
前端·架构·b/s
为自己_带盐12 分钟前
在 Blazor Server 中集成 docx-preview.js 实现高保真 Word 预览
javascript·c#·word
鹏程十八少25 分钟前
破解Android悬浮窗遮挡无障碍服务难题:我在可见即可说上踩过的坑
android·前端·面试
Kapaseker29 分钟前
前端已死...了吗
android·前端·javascript
m0_4711996332 分钟前
【自动化】前端开发,如何将 Jenkins 与 Gitee 结合实现自动化的持续集成(构建)和持续部署(发布)
前端·gitee·自动化·jenkins
w***954934 分钟前
spring-boot-starter和spring-boot-starter-web的关联
前端
Moment37 分钟前
富文本编辑器技术选型,到底是 Prosemirror 还是 Tiptap 好 ❓❓❓
前端·javascript·面试