2016年6月13日月曜日

Electronで、コンテキストメニュー

Electronで、コンテキストメニューです。アプリが起動した画面上でクリックすると、コンテキストメニューが表示されます。何の動きもありませんが、デスクトップアプリらしくなります(笑)。

index.html
<script>
const {remote} = require('electron');
const {Menu, MenuItem} = remote;

const menu = new Menu();
menu.append(new MenuItem({label: 'コンテキストメニュー1', click() { console.log('item 1 clicked'); }}));
menu.append(new MenuItem({type: 'separator'}));
menu.append(new MenuItem({label: 'コンテキストメニュー2', type: 'checkbox', checked: true}));

window.addEventListener('contextmenu', (e) => {
  e.preventDefault();
  menu.popup(remote.getCurrentWindow());
}, false);
</script>


参考サイト
Menu(Electron)

0 件のコメント:

コメントを投稿