HTMLElement: cut event
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
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.
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-
Is a
DataTransfer
object containing the data affected by the user-initiatedcut
,copy
, orpaste
operation, along with its MIME type.
Value
functionRef
is a function name or a function
expression. The function receives a ClipboardEvent
object as its
sole argument.
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
<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
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
No specification found
No specification data found for api.HTMLElement.cut_event
.
Check for problems with this page or contribute a missing spec_url
to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.
Browser compatibility
No compatibility data found for api.HTMLElement.cut_event
.
Check for problems with this page or contribute missing data to mdn/browser-compat-data.
See also
- Related events