资讯详情

Electron 设置-webkit-app-region: drag;实现拖拽后, 无法响应鼠标划过事件及点击事件的解决方式

📅 2026/10/21 2:38:45 | 华诺云谱 👁 阅读
Electron 设置-webkit-app-region: drag;实现拖拽后, 无法响应鼠标划过事件及点击事件的解决方式
最近使用electronVueelementUI开发一个cs端项目遇到了一些问题现整理一下。1.在开发 Electron 应用的过程中想要使得窗口在普通大小可以拖动于是设置给 title-bar css 如下.header {-webkit-app-region: drag;}但设置了这个属性后发现在header上点击缩小和 关闭 的功能又废了现象如图怎么解决呢网上有2种解决办法拖动不要用 -webkit-app-region 了自己监听 mouseDown 和 mouseUp 来实现吧父元素设置 -webkit-app-region drag, 子元素 -webkit-app-region no-drag 即可我这边采用的是第二种方法解决了次问题。
📝

华诺云谱内容团队

资深建站顾问 · 行业研究员

10年+企业数字化服务经验,专注智能建站、SEO优化与品牌营销,持续输出建站技巧、行业洞察与营销干货,已帮助5000+企业实现数字化增长。

你可能需要的服务

订阅华诺云谱资讯周报

每周一封,精选建站技巧、SEO与营销干货,直达邮箱。已有 8,000+ 企业主订阅,助你少走弯路。

↑