HTMLElement: cut Ereignis

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.

Das cut Ereignis wird ausgelöst, wenn der Benutzer eine Ausschneideaktion über die Benutzeroberfläche des Browsers initiiert.

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignishandler-Eigenschaft.

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

oncut = (event) => {};

Ereignistyp

Ereigniseigenschaften

Erbt auch Eigenschaften von seinem Elternteil Event.

ClipboardEvent.clipboardData Nur lesbar

Ein DataTransfer Objekt, das die von der benutzerinitiierten cut, copy oder paste Operation betroffenen Daten zusammen mit ihrem MIME-Typ enthält.

Beispiel

Dieses Beispiel erlaubt das Kopieren von Text aus der <textarea>, erlaubt jedoch nicht das Ausschneiden von Text. Es protokolliert auch jeden Kopier- und Ausschneideversuch.

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;

Ergebnis

Spezifikationen

Specification
Clipboard API and events
# clipboard-event-cut
HTML Standard
# handler-oncut

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch

  • Verwandte Ereignisse