mikecao · July 15, 2016 03:07
diff --git a/electron-menu-item-delay.html b/electron-menu-item-delay.html
 <!doctype html>
 <html>
 <head>
    <meta charset="utf-8">
    <title>Electron - Test</title>
    <style>
        #box {
            width: 100px;
            height: 100px;
            margin: 100px;
            background-color: red;
        }
    </style>
 </head>
 <body>
 <div id="box"></div>
 <input type="button" onclick="clickFunc();" value="Change Color" />
 </body>
 <script>
 const {remote} = require('electron');
 const {Menu, MenuItem} = remote;
 let color = 'red';

 const clickFunc = () => {
    color = (color == 'red') ? 'blue' : 'red';
    document.getElementById('box').style.backgroundColor = color;
 }

 const template = [
    {
        label: 'Menu',
        submenu: [
            {
                label: 'Change Color',
                click: clickFunc,
                accelerator: 'CmdOrCtrl+C'
            }
        ]
    }
 ];

 const menu = Menu.buildFromTemplate(template);

 Menu.setApplicationMenu(menu);
 </script>
 </body>
 </html>