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

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.

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