Electron:ブラウザウィンドウと通信するにはどうすればよいですか?

リッチ

Electronでは、以下のスクリプトが私のものですmain.js。これは、ウィンドウを復元してフォーカスするショートカットですが、ウィンドウ内の入力にフォーカスしたいと思います。どうすればそれを達成できますか?

main.js

app.on('ready', function(){
  createWindow();
  var ret = globalShortcut.register('Command+Control+Alt+G', function() {
    mainWindow.restore();
    mainWindow.focus();
    $('.js-search').focus();
  });
})
マット・ハリソン

ページフォーカス時に、webContentsを使用してメインプロセスからレンダラープロセスにメッセージを送信できます

ページ(レンダラープロセス)は、そのメッセージをリッスンしてから、要素自体にフォーカスすることができます。

主なプロセス

globalShortcut.register('Command+Control+Alt+G', function() {

    win.restore();
    win.focus();
    win.webContents.send('focus-element', '.js-search');
});

レンダラープロセス(ページ)

<script>
    const {ipcRenderer} = require('electron');

    ipcRenderer.on('focus-element', (event, selector) => {
        document.querySelector(selector).focus();
    });
</script>

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

ブラウザウィンドウのIDを設定するにはどうすればよいですか?

分類Dev

ブラウザウィンドウの背景とデスクトップの背景をブレンドするにはどうすればよいですか?

分類Dev

指定されたウィンドウサイズとURLでWebブラウザを自動的に起動するにはどうすればよいですか?

分類Dev

指定されたウィンドウサイズとURLでWebブラウザを自動的に起動するにはどうすればよいですか?

分類Dev

ブラウザウィンドウに収まるように画像のサイズを変更するにはどうすればよいですか?

分類Dev

ブラウザウィンドウの高さに合うように画像を切り抜く/切り取るにはどうすればよいですか?

分類Dev

ブラウザウィンドウをドラッグ可能にするにはどうすればよいですか?

分類Dev

タブのサイズをブラウザのウィンドウサイズに変更するにはどうすればよいですか?

分類Dev

アドレスバーJavaなしでブラウザウィンドウサイズを取得するにはどうすればよいですか?

分類Dev

まったく新しいブラウザでウィンドウを起動するにはどうすればよいですか?

分類Dev

ブラウザからターミナルウィンドウにアクセスするにはどうすればよいですか?

分類Dev

ブラウザウィンドウに合わせてキャンバスのサイズを変更するにはどうすればよいですか?

分類Dev

メインdivをブラウザウィンドウの全高に拡張するにはどうすればよいですか?

分類Dev

Firefoxの一部であるブラウザ以外のウィンドウを制御するにはどうすればよいですか?

分類Dev

ウィンドウの正確な高さを占める Web ブラウザでビデオを表示するにはどうすればよいですか?

分類Dev

スクロール中に単純な<audio>要素をブラウザウィンドウの下部に表示するにはどうすればよいですか?

分類Dev

サブメニューをブラウザウィンドウの全幅に広げるにはどうすればよいですか?

分類Dev

ブラウザのウィンドウサイズに関連してdivのサイズを変更するにはどうすればよいですか?

分類Dev

CodenameoneでBrowserComponentのブラウザウィンドウサイズを設定するにはどうすればよいですか

分類Dev

ポップアップブラウザウィンドウを前面に表示して、すべてのブラウザウィンドウの上に表示するにはどうすればよいですか?

分類Dev

グリッドを使用して画像をブラウザウィンドウに合わせるにはどうすればよいですか?

分類Dev

ブラウザでのグーグル検索をウィンドウサイズに合わせるにはどうすればよいですか?

分類Dev

Electronウィンドウがメモリから完全に削除されていることを確認するにはどうすればよいですか?

分類Dev

イオンアプリとブラウザ間の通信を有効にするにはどうすればよいですか?

分類Dev

GoogleマーカーのURLを新しいブラウザウィンドウまたはタブで開くにはどうすればよいですか?

分類Dev

ElectronとSvelteでフレームレスウィンドウを移動する機能を有効にするにはどうすればよいですか?

分類Dev

HTMLリンクをたどるときにCefSharpブラウザが2つのウィンドウを開かないようにするにはどうすればよいですか?

分類Dev

コンテンツが読みやすいように、ブラウザ ウィンドウのサイズが変更されたときに本文の幅を変更するにはどうすればよいですか?

分類Dev

新しいウィンドウを閉じるまで元のウィンドウを使用できないように、electron jsで新しいウィンドウを作成するにはどうすればよいですか?

Related 関連記事

  1. 1

    ブラウザウィンドウのIDを設定するにはどうすればよいですか?

  2. 2

    ブラウザウィンドウの背景とデスクトップの背景をブレンドするにはどうすればよいですか?

  3. 3

    指定されたウィンドウサイズとURLでWebブラウザを自動的に起動するにはどうすればよいですか?

  4. 4

    指定されたウィンドウサイズとURLでWebブラウザを自動的に起動するにはどうすればよいですか?

  5. 5

    ブラウザウィンドウに収まるように画像のサイズを変更するにはどうすればよいですか?

  6. 6

    ブラウザウィンドウの高さに合うように画像を切り抜く/切り取るにはどうすればよいですか?

  7. 7

    ブラウザウィンドウをドラッグ可能にするにはどうすればよいですか?

  8. 8

    タブのサイズをブラウザのウィンドウサイズに変更するにはどうすればよいですか?

  9. 9

    アドレスバーJavaなしでブラウザウィンドウサイズを取得するにはどうすればよいですか?

  10. 10

    まったく新しいブラウザでウィンドウを起動するにはどうすればよいですか?

  11. 11

    ブラウザからターミナルウィンドウにアクセスするにはどうすればよいですか?

  12. 12

    ブラウザウィンドウに合わせてキャンバスのサイズを変更するにはどうすればよいですか?

  13. 13

    メインdivをブラウザウィンドウの全高に拡張するにはどうすればよいですか?

  14. 14

    Firefoxの一部であるブラウザ以外のウィンドウを制御するにはどうすればよいですか?

  15. 15

    ウィンドウの正確な高さを占める Web ブラウザでビデオを表示するにはどうすればよいですか?

  16. 16

    スクロール中に単純な<audio>要素をブラウザウィンドウの下部に表示するにはどうすればよいですか?

  17. 17

    サブメニューをブラウザウィンドウの全幅に広げるにはどうすればよいですか?

  18. 18

    ブラウザのウィンドウサイズに関連してdivのサイズを変更するにはどうすればよいですか?

  19. 19

    CodenameoneでBrowserComponentのブラウザウィンドウサイズを設定するにはどうすればよいですか

  20. 20

    ポップアップブラウザウィンドウを前面に表示して、すべてのブラウザウィンドウの上に表示するにはどうすればよいですか?

  21. 21

    グリッドを使用して画像をブラウザウィンドウに合わせるにはどうすればよいですか?

  22. 22

    ブラウザでのグーグル検索をウィンドウサイズに合わせるにはどうすればよいですか?

  23. 23

    Electronウィンドウがメモリから完全に削除されていることを確認するにはどうすればよいですか?

  24. 24

    イオンアプリとブラウザ間の通信を有効にするにはどうすればよいですか?

  25. 25

    GoogleマーカーのURLを新しいブラウザウィンドウまたはタブで開くにはどうすればよいですか?

  26. 26

    ElectronとSvelteでフレームレスウィンドウを移動する機能を有効にするにはどうすればよいですか?

  27. 27

    HTMLリンクをたどるときにCefSharpブラウザが2つのウィンドウを開かないようにするにはどうすればよいですか?

  28. 28

    コンテンツが読みやすいように、ブラウザ ウィンドウのサイズが変更されたときに本文の幅を変更するにはどうすればよいですか?

  29. 29

    新しいウィンドウを閉じるまで元のウィンドウを使用できないように、electron jsで新しいウィンドウを作成するにはどうすればよいですか?

ホットタグ

アーカイブ