Baseline Widely available
The paste
event fires when the user initiates a paste action through the browser's user interface.
Use the event name in methods like addEventListener()
, or set an event handler property.
addEventListener("paste", (event) => { })
onpaste = (event) => { }
Event type Event properties
Also inherits properties from its parent Event
.
ClipboardEvent.clipboardData
Read only
A DataTransfer
object containing the data affected by the user-initiated cut
, copy
, or paste
operation, along with its MIME type.
This example logs every copy and paste attempt to the <textarea>
.
<h3>Play with this text area:</h3>
<textarea id="editor" rows="3">
Try copying and pasting text into this field!
</textarea>
<h3>Log:</h3>
<p id="log"></p>
JavaScript
function logCopy(event) {
log.innerText = `Copied!\n${log.innerText}`;
}
function logPaste(event) {
log.innerText = `Pasted!\n${log.innerText}`;
}
const editor = document.getElementById("editor");
const log = document.getElementById("log");
editor.oncopy = logCopy;
editor.onpaste = logPaste;
Result Specifications Browser compatibility See also
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.3