使用Electron开发桌面程序时,一般都会自定义窗口标题行,并实现拖拽窗口的功能,要实现该功能非常简单,只需要一个CSS即可:
```css
-webkit-app-region: drag;
```
<!-- more -->
使用该 css 的元素将变为静态,无法进行任何操作,但可以拖拽。
该CSS一般用于标题行元素,但标题行除了需要拖拽窗口的功能,还有很多其他操作,如:功能菜单、窗口操作按钮(最小化、关闭等)。这些小元素一般在标题行元素的内部,所以需要给这些元素去除 `drag` 属性,否则将全部不可用。
给功能按钮、菜单等元素,加上下面的css即可:
```css
-webkit-app-region: no-drag;
```