本文介紹了點(diǎn)擊事件關(guān)閉 Electron 應(yīng)用的處理方法，對(duì)大家解決問(wèn)題具有一定的參考價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)吧！
問(wèn)題描述
我已經(jīng)查看了有關(guān)無(wú)框窗口"的 Electron 文檔，但我似乎無(wú)法為自己的工作制作一個(gè)按鈕來(lái)關(guān)閉應(yīng)用程序......
I have looked at the documentation for Electron regarding the 'frameless-window', but I just can't seem to make a button of my own work to close the application...
任何幫助將不勝感激！謝謝！
Any help would be appreciated! Thanks!
const electron = require('electron');
const url = require('url');
const path = require('path');
const {app, BrowserWindow} = electron;
let mainWindow;
// Listen for app to be ready
app.on('ready', function() {
// create new window
mainWindow = new BrowserWindow({width: 800, height: 600, frame: false});
// Load html into window
mainWindow.loadURL(url.format({
pathname:path.join(__dirname,'main.html'),
protocol: 'file:',
slashes: true
}));
const closeApp = document.getElementById('closeApp');
closeApp.addEventListener('click', () => {
app.quit();
});
});<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" >
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Electron "Hello World"</title>
</head>
<body>
<header>
<p id="closeApp">close app</p>
</header>
</body>
</html>推薦答案
在您的渲染器進(jìn)程中(從 main.html 加載的 JavaScript)您應(yīng)該能夠加載 Electron 和 Node 模塊.
In your renderer process (javascript loaded from main.html) you should be able to load Electron and Node modules.
const {ipcRenderer} = require('electron');
const closeApp = document.getElementById('closeApp');
closeApp.addEventListener('click', () => {
ipcRenderer.send('close-me')
});
在 ma??in.js 您發(fā)布的腳本
const {ipcMain} = require('electron')
ipcMain.on('close-me', (evt, arg) => {
app.quit()
})
這篇關(guān)于點(diǎn)擊事件關(guān)閉 Electron 應(yīng)用的文章就介紹到這了，希望我們推薦的答案對(duì)大家有所幫助，也希望大家多多支持html5模板網(wǎng)！
【網(wǎng)站聲明】本站部分內(nèi)容來(lái)源于互聯(lián)網(wǎng),旨在幫助大家更快的解決問(wèn)題，如果有圖片或者內(nèi)容侵犯了您的權(quán)益，請(qǐng)聯(lián)系我們刪除處理，感謝您的支持！