electron无法移动窗口 如何移动窗口

已于 2024-12-10 16:04:13 修改
阅读量249 收藏
点赞数 3
分类专栏： electron React+React-Native 文章标签： electron javascript ecmascript
于 2024-11-20 10:10:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_52959938/article/details/143903604
版权

在main.js中设置了frame: false,后，虽然顶部菜单不见了，但是无法拖动窗口类，

拖地窗口的办法

在入口文件的body写以下代码就行了

 style="-webkit-app-region: drag"

在这里插入图片描述

Electron无边框自定义窗口拖动
u014708123的博客
04-01 1720
最近使用了electron框架，发现如果自定义拖动是比较实用的;特别是定制化比较高的项目，如果单纯的使用-webkit-app-region: drag;会让鼠标事件无法触发;
electron+vue3全家桶+vite项目搭建【29】封装窗口工具类【3】控制窗口定向移动
个人网站：https://www.longzipeng.online
03-04 1384
electron封装窗口工具类，实现窗口定向移动
electron-drag, 用于电子应用程序的窗口拖动.zip
09-18
electron-drag, 用于电子应用程序的窗口拖动 电子拖动针对 Electron 应用程序的改进窗口拖动。可以使用 -webkit-app-region css属性拖动无框架 Windows，但这禁用所有常规dom事件和用户交互，因为在应用程序中无法使用 double clicks，因
electron+vue3全家桶+vite项目搭建【21】自定义无边框窗口拖拽移动
个人网站：https://www.longzipeng.online
07-08 2626
electron自定义窗口拖拽移动
electron教程（三）窗口设置
i-cat的博客
09-29 3177
electron创建窗口时的一些属性设置
Electron无边框窗口（最小化、最大化、关闭、拖动）以及动态改变窗口大小
06-09
对应博客地址：https://blog.youkuaiyun.com/fukaiit/article/details/91351448 包括Electron无边框窗口原型和核心代码
Electron窗口调整
m0_46607117的博客
09-20 437
问题：窗口无法拖拽，解决方案：渲染进程通信主进程，采用拖拽的形式完成。主进程中resizable: false, // 无法放大缩小窗口。问题：窗口就无法拖拽了，解决方案为：渲染进程添加样式。另外想要无法调整窗口大小。缺点 : 只有上面可拖拽。
electron + vue3 自定义窗口：移动,缩放,置顶
qq_19838177的博客
06-11 907
preload.js CustomWindow.js VUE main.js 注册指令 directives 自定义指令 index.js interactWin.js vue使用指令操作窗口 在头部DOM上使用 v-handle-win;1：左键移动窗口；2：双击最大化窗口与还原窗口；3：最大化移动窗口自动还原窗口；4：手动改变窗口尺寸至屏幕最大范围（范围阈值在CustomWindow.js内修改）时自动最大化；
使用electron实现百度网盘悬浮窗口功能的示例代码
10-17
当检测到鼠标按下时，记录下鼠标的位置，并在鼠标移动时更新窗口的位置。当鼠标松开时，则清除拖拽状态。 在样式设计方面，使用了-webkit-user-select:none;属性来防止用户选择悬浮窗口中的内容，使用cursor:...
electron 无边框窗口拖拽移动问题记录及解决办法
IT老大哥
06-18 3278
electron 无边框窗口拖拽移动问题记录及解决办法
Electron 全屏打包 禁止缩放 拖拽
04-15
Electron打包 为了让大家更方便快速得到自己的electron应用，示例代码优秀值得拥有。Electron 全屏打包 禁止缩放 拖拽
Electron：隐藏菜单栏后，导致窗口无法拖动，添加css实现拖动
weixin_50236973的博客
11-20 309
Electron：隐藏菜单栏后，导致窗口无法拖动，添加css实现拖动
解决Electron拖拽窗口点击事件失效问题
weixin_53431104的博客
11-18 893
主要代码就是``该标签，该标签占满了整个视口使得整个其都可以拖拽，然后为不可拖拽的元素指定`-webkit-app-region: no-drag;` 该class 属性。
electron-vue上的坑
crushh_fun的博客
10-24 617
1.不能使用vuex的原因，据这篇文章介绍有两种方法。但是我自己只能注释掉 ，再引入 。 2.加了drag后 点击事件无效。
electron无边框拖拽-按节点拖动窗口
qq_20906793的博客
03-22 1194
electron无边框拖拽-vue3自定义指令按节点拖动窗口-定时刷新窗口位置
记Electron的踩的坑；关于 resizable: false和自定义窗口最大化和恢复时候遇到的问题、关于 设置了frame: false 的无边框窗口的拖动问题；
ddx2019的博客
06-13 9333
一、问题描述 new BrowserWindow的时候，通过 resizable: false 设置了禁止改变主窗口尺寸,通过 frame: false设置为无边框窗口，设置过后，win.isMaximized()总是返回false，win.restore();也无法恢复到原始窗口大小，此时我自定义的最大化恢复功能无法实现； // 窗口 最大化、恢复 ipcMain.on('window-max', function() { if (win.isMaximized()) { w
Electron的使用笔记之禁用拖拽事件
weixin_45740906的博客
01-18 1855
Electron软件安装后如果用户拖拽文件或者图片到软件里面，会打开此文件，但是不能够关闭，因此导致体验不佳。 因此可以禁用全局的拖拽事件来阻止这个行为。 一、在util文件夹里面新建一个文件。 export default { mounted() { this.disableDragEvent(); }, methods: { disableDragEvent() { // 当拖动的元素或选择文本输入有效的放置目标时，会触发此事件。 window.add
electron关于无边框窗口无法拖拽移动以及点击事件失效的问题
qq_29965101的博客
10-09 2340
electron 项目 窗口无边框。但是无边框窗口会产生无法移动的问题。
electron不让窗口上下拉伸
最新发布
01-11
### Electron 应用窗口高度固定 为了使 Electron 应用程序的窗口无法上下拉伸，即限制其高度调整功能，在创建 `BrowserWindow` 实例时配置特定选项能够实现这一需求。具体来说，可以通过设置 `resizable` 属性为 `false` 来完全禁用窗口大小的变化；如果希望仅限于宽度不变而允许用户更改窗口位置，则应保留 `resizable` 的默认行为并额外指定最小最大尺寸来约束高度。 对于只锁定高度的情况，除了保持 `resizable` 默认值外，还需要设定 `minHeight` 和 `maxHeight` 参数相等，以此达到不允许改变窗口高度的效果[^1]： ```javascript const { BrowserWindow } = require('electron'); let win = new BrowserWindow({ width: 800, height: 600, minHeight: 600, // 设置最小高度 maxHeight: 600, // 设置最大高度 resizable: true, // 可选，默认情况下窗口是可以调整大小的 }); ``` 上述代码片段展示了如何通过编程方式初始化一个具有固定高度但仍然可以在水平方向上移动或缩放（除非也设置了固定的宽度）的浏览器窗口实例。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值