/Web APIs

HTMLElement: cut event

The cut event fires when the user initiates a cut action through the browser's user interface.


Use the event name in methods like addEventListener(), or set an event handler property.

addEventListener("cut", (event) => {});

oncut = (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.


functionRef is a function name or a function expression. The function receives a ClipboardEvent object as its sole argument.


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.


<h3>Play with this text area:</h3>
<textarea id="editor" rows="3">
Try copying and cutting the text in this field!

<p id="log"></p>


function logCopy(event) {
  log.innerText = `Copied!\n${log.innerText}`;

function preventCut(event) {
  log.innerText = `Cut blocked!\n${log.innerText}`;

const editor = document.getElementById("editor");
const log = document.getElementById("log");

editor.oncopy = logCopy;
editor.oncut = preventCut;



Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
cut_event 1 12 22
9Before Internet Explorer 9, this event is not supported via addEventListener; however, the event handler is supported since IE 5.5. The event can be listened to via element.oncopy.
≤12.1 3 4.4 18 22 ≤12.1 3 1.0

See also

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.