HTMLElement: cut event
The cut
event fires when the user initiates a cut action through the browser's user interface.
Syntax
Use the event name in methods like addEventListener()
, or set an event handler property.
js
addEventListener("cut", (event) => {});
oncut = (event) => {};
Event type
A ClipboardEvent
. Inherits from Event
.
Event properties
Also inherits properties from its parent Event
.
ClipboardEvent.clipboardData
Read only-
A
DataTransfer
object containing the data affected by the user-initiatedcut
,copy
, orpaste
operation, along with its MIME type.
Example
This example allows text to be copied from the <textarea>
, but doesn't
allow text to be cut. It also logs each copy and cut attempt.
HTML
html
<h3>Play with this text area:</h3>
<textarea id="editor" rows="3">
Try copying and cutting the text in this field!
</textarea>
<h3>Log:</h3>
<p id="log"></p>
JavaScript
js
function logCopy(event) {
log.innerText = `Copied!\n${log.innerText}`;
}
function preventCut(event) {
event.preventDefault();
log.innerText = `Cut blocked!\n${log.innerText}`;
}
const editor = document.getElementById("editor");
const log = document.getElementById("log");
editor.oncopy = logCopy;
editor.oncut = preventCut;
Result
Specifications
Specification |
---|
Clipboard API and events # clipboard-event-cut |
HTML Standard # handler-oncut |
Browser compatibility
BCD tables only load in the browser
See also
- Related events