全栈技术博客-文章详情

Electron自定义消息通知，导航等事件

最后更新时间：2024-05-16 23:19:30

notice nav

####一、electron的菜单快捷键
```js
accelerator:"自定义快捷键组合",前提是要自定义方法事件
```
> 进行注册全局快捷键时，快捷键要大写 ----》Ctrl+X

```js
const { app, globalShortcut } = require("electron");
app.on("ready", () => {
// 注册一个 'CommandOrControl+X' 的全局快捷键
	const ret = globalShortcut.register("Ctrl+X", () => {
	console.log("Ctrl+X is pressed");
});
	if (!ret) {
		console.log("registration failed");
	}
// 检查快捷键是否注册成功
	console.log(globalShortcut.isRegistered("Ctrl+X"));
});
app.on("will-quit", () => {
// 注销快捷键
	globalShortcut.unregister("Ctrl+X");
	// 注销所有快捷键
	globalShortcut.unregisterAll();
});
```

##### 复制粘贴
```js
const { remote, clipboard } = require("electron");

clipboard.writeText(ddp.innerHTML)   ----》复制内容

clipboard.readText()    ---》粘贴的内容

```

#### 二、打印功能
```js
BrowserWindow.getFocusedWindow().webContents.print();
```

#### 三、监听网络变化
```js
window.addEventListener('online', function(){});  --有网络
window.addEventListener('offline', function(){}); --断开网络
```

#### 四、实现消息通知

```js
const option = {
title: 'title',
body: 'body',
icon: path.join('main-process/favicon2.ico')
}
const myNotification = new window.Notification(option.title,option);
myNotification.onclick = () =>{
console.log('clicked');
}
```

#### 五、隐藏掉顶部的菜单

##### 1、在主进程中加入 mainWindow.setMenu(null)

##### 2 、electron-vue 中 中 隐藏闭 关闭 化 最大化  最小化按钮
```js
mainWindow = new BrowserWindow({
	height: 620,
	useContentSize: true,
	width: 1280
	frame: false /*去掉顶部导航 去掉关闭按钮 最大化最小化按钮*/
})

var { ipcMain, BrowserWindow } = require("electron");

//获取当前窗口对象 BrowserWindow.getFocusedWindow();
var mainWindow = BrowserWindow.getFocusedWindow();

electron-vue  自定义闭 关闭 化 最大化  最小化按钮
	ipc.on('window-min',function(){
		mainWindow.minimize();
	})
//登录窗口最大化
	ipc.on('window-max',function(){
		if(mainWindow.isMaximized()){
			mainWindow.restore();   --还原
		}else{
			mainWindow.maximize();
		}
	})
	ipc.on('window-close',function(){
		mainWindow.close();
	})
```
#### 六、electron-vue  自定义导航可拖拽

可拖拽的  css:
-webkit-app-region: drag;
不可拖拽的  css:
-webkit-app-region: no-drag;
> --注意，当外层添加拖拽后，里层添加点击事件时，点击事件的元素要添加这个样式方能添加点击事件

Electron自定义消息通知，导航等事件

留言条数·0