first commit
This commit is contained in:
12
day02-create-right-click-menu/index.html
Normal file
12
day02-create-right-click-menu/index.html
Normal file
@@ -0,0 +1,12 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>右键菜单</title>
|
||||
</head>
|
||||
<body>
|
||||
<h2>右键菜单</h2>
|
||||
|
||||
<script src="index.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
29
day02-create-right-click-menu/index.js
Normal file
29
day02-create-right-click-menu/index.js
Normal file
@@ -0,0 +1,29 @@
|
||||
const { remote } = require('electron')
|
||||
const Menu = remote.Menu
|
||||
|
||||
let contextTemp = [
|
||||
{lable: 'Run Code'},
|
||||
{lable: '转到定义'},
|
||||
{type: 'separator'},
|
||||
{
|
||||
lable: '其他功能',
|
||||
click() {
|
||||
alert('其他功能选项');
|
||||
}
|
||||
},
|
||||
]
|
||||
|
||||
let menu = Menu.buildFromTemplate(contextTemp)
|
||||
|
||||
// 给鼠标添加监听
|
||||
window.addEventListener('DOMContentLoaded', () => {
|
||||
window.addEventListener('contextmenu', (ev) => {
|
||||
ev.preventDefault()
|
||||
menu.popup({window: remote.getCurrentWindow()})
|
||||
}, false)
|
||||
})
|
||||
|
||||
/**
|
||||
* 01 创建一个自定义的菜单内容
|
||||
* 02 在鼠标右击行为发生后显示出来
|
||||
*/
|
||||
26
day02-create-right-click-menu/main.js
Normal file
26
day02-create-right-click-menu/main.js
Normal file
@@ -0,0 +1,26 @@
|
||||
const { app, BrowserWindow } = require('electron')
|
||||
|
||||
const createWindow = () => {
|
||||
let mainWin = new BrowserWindow({
|
||||
show: false,
|
||||
width: 800,
|
||||
height: 400,
|
||||
webPreferences: {
|
||||
nodeIntegration: true,
|
||||
enableRemoteModule: true
|
||||
}
|
||||
})
|
||||
|
||||
mainWin.loadFile('index.html')
|
||||
mainWin.on('ready-to-show', () => {
|
||||
mainWin.show()
|
||||
})
|
||||
mainWin.on('close', () => {
|
||||
mainWin = null
|
||||
})
|
||||
}
|
||||
|
||||
app.on('ready', createWindow)
|
||||
app.on('window-all-closed', () => {
|
||||
app.quit()
|
||||
})
|
||||
1396
day02-create-right-click-menu/package-lock.json
generated
Normal file
1396
day02-create-right-click-menu/package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
17
day02-create-right-click-menu/package.json
Normal file
17
day02-create-right-click-menu/package.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"name": "electron-life-cycle",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "main.js",
|
||||
"scripts": {
|
||||
"start": "nodemon --watch main.js --exec npm run build",
|
||||
"build": "electron ."
|
||||
},
|
||||
"keywords": [],
|
||||
"author": "",
|
||||
"license": "ISC",
|
||||
"devDependencies": {
|
||||
"electron": "^11.2.1",
|
||||
"nodemon": "^3.1.9"
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user