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.
ClipboardEvent
Element
: 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