The copy event is fired when the user initiates a copy action through the browser UI (for example, using the CTRL/Cmd+C keyboard shortcut or selecting the "Copy" from the menu) and in response to an allowed document.execCommand('copy') call.
ClipboardEventElement: the focused element (for contentEditable elements - the element containing the start of the selection), or the <body> element.A handler for this event can modify the provided ClipboardEvent.clipboardData object by calling setData(format, data):
document.addEventListener('copy', function(e){
e.clipboardData.setData('text/plain', 'Hello, world!');
e.clipboardData.setData('text/html', '<b>Hello, world!</b>');
e.preventDefault(); // We want our data, not data from any selection, to be written to the clipboard
}); A handler for this event cannot read the clipboard data using clipboardData.getData().
The event's default action depends on the source of the event and the handler's behavior:
setData(): copies the contents of clipboardData to the clipboard;setData(): no action.| Property | Type | Description |
|---|---|---|
target Read only
| EventTarget | The event target (the topmost target in the DOM tree). |
type Read only
| DOMString | The type of event. |
bubbles Read only
| Boolean | Whether the event normally bubbles or not. |
cancelable Read only
| Boolean | Whether the event is cancellable or not. |
| Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|---|
| Basic support | 58 | (Yes) | (Yes) | No support | 45 | ? |
clipboardData | 58 | (Yes) | 22 (22) | No support | 45 | ? |
| Feature | Android Webview | Chrome for Android | Edge | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|---|
| Basic support | 58 | 58 | (Yes) | (Yes) | ? | 45 | ? |
clipboardData | 58 | 58 | (Yes) | 22.0 (22) | ? | 45 | ? |
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/Events/copy