在节点web-kit窗口中右键单击鼠标时,启用剪切,复制,粘贴等选项

时间:2014-11-11 09:26:37

标签: webkit

我想在节点web-kit窗口中启用右键单击选项。我的意思是当我在节点web-kit窗口中右键单击鼠标时,应该启用剪切,复制,粘贴选项。

请使用javascript向我发送在node web-kit窗口中启用选项的代码。

1 个答案:

答案 0 :(得分:2)

您可以使用https://github.com/b1rdex/nw-contextmenu

只需复制this codeMIT Licensed)即可获得上下文菜单。

$(function() {
  function Menu(cutLabel, copyLabel, pasteLabel) {
    var gui = require('nw.gui')
      , menu = new gui.Menu()

      , cut = new gui.MenuItem({
        label: cutLabel || "Cut"
        , click: function() {
          document.execCommand("cut");
          console.log('Menu:', 'cutted to clipboard');
        }
      })

      , copy = new gui.MenuItem({
        label: copyLabel || "Copy"
        , click: function() {
          document.execCommand("copy");
          console.log('Menu:', 'copied to clipboard');
        }
      })

      , paste = new gui.MenuItem({
        label: pasteLabel || "Paste"
        , click: function() {
          document.execCommand("paste");
          console.log('Menu:', 'pasted to textarea');
        }
      })
    ;

    menu.append(cut);
    menu.append(copy);
    menu.append(paste);

    return menu;
  }

  var menu = new Menu(/* pass cut, copy, paste labels if you need i18n*/);
  $(document).on("contextmenu", function(e) {
    e.preventDefault();
    menu.popup(e.originalEvent.x, e.originalEvent.y);
  });
});