electron 每次只打开一个dialog且始终在最顶层

最新推荐文章于 2025-03-29 08:00:00 发布

JagnDC

最新推荐文章于 2025-03-29 08:00:00 发布

阅读量4.8k

点赞数 3

分类专栏： electron 文章标签： nodejs javascript

本文链接：https://blog.csdn.net/qq_40153886/article/details/106490915

版权

electron 专栏收录该内容

6 篇文章

订阅专栏

本文探讨了在Electron应用中如何优化dialog对话框的显示，通过在调用dialog前聚焦窗口，确保dialog始终处于最顶层，避免多次点击导致的多弹窗问题。文章提供了具体的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当我们使用electron的dialog功能的时候，会调用本地的系统对话框，一般情况下不会出现什么问题，点击按钮触发的情况下，多次点击会弹出多个dialog，总归是不好的，还是应该把对话框给限定一下，而且这样可以保证dialog弹出会在最顶层。

官方文档中没有看到dialog的这个方法或者属性，我一般用的是dialog.showOpenDialog([browserWindow, ]options)这个方法不过提到了dialog.showOpenDialogSync([browserWindow, ]options)这个方法可以作为同步调用返回，以后可能会用上，mark一下。

一般我们调用dialog的时候：

const BrowserWindow = require('electron').BrowserWindow;
mainWindow = new BrowserWindow();

function click(){
  dialog.showOpenDialog(mainWindow, {
    properties: ['openFile', 'openDirectory']
  }).then(result => {
    console.log(result.canceled)
    console.log(result.filePaths)
  }).catch(err => {
    console.log(err)
  })
}

只需要再dialog前面加上即可：

const BrowserWindow = require('electron').BrowserWindow;
mainWindow = new BrowserWindow();

function click(){

  mainWindow.focus(); // 在这里

  dialog.showOpenDialog(mainWindow, {
    properties: ['openFile', 'openDirectory']
  }).then(result => {
    console.log(result.canceled)
    console.log(result.filePaths)
  }).catch(err => {
    console.log(err)
  })
}