How can I keep the orginal copy and paste function if I create a right click menu?

Question

I just started learn about right click menu.
I would like to use it for some basic funtions like youtube search, image search etc.
But the problem is, when I override the default browser right click menu, I can say bye-bye for the copy and paste function, and that best I know, no way I can keep it.
I heard about some jquery javascript plugins, which can do copy and paste function, but the problem is not too safe, and not working always and the browser security policy also change always, so this is not the best way for I can keep this function.
Any idea how can I create my own javascript menu with the default copy and paste option?

Answer 1

As you noted, most solutions use something like a "hidden" Flash object to handle clipboard interactions from JavaScript. This is because while you can create a ClipboardEvent in all browsers, triggering it on the document will either have no effect or result in an error. Affecting the clipboard is still a sandboxed behavior.

I would echo some of the above comments and suggest you do not replace the existing menu if possible. However in Firefox, and other browsers as they add support for it, there is a workaround where you can add menu items to the existing context menu:

<menu type="context" id="mymenu">
  <menuitem label="Do something" id="something"></menuitem>
</menu>
<div contextmenu="mymenu">
    Any context menu in this element will have the items added to it from mymenu.
</div>

And the event for the menu item can be handled like so:

document.getElementById("something").addEventListener("click", function () { ... });

The spec for this is possibly still being worked on, and Firefox's implementation doesn't exactly follow the spec. However for the time being it does work as a way of adding your own items and preserving the existing context menu.

Live example: http://jsfiddle.net/1ehtfjz6/5/