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.
addEventListener("cut", (event) => {});
oncut = (event) => {};
Ereignistyp
Ein ClipboardEvent
. Erbt von Event
.
Ereigniseigenschaften
Erbt auch Eigenschaften von seinem Elternteil Event
.
ClipboardEvent.clipboardData
Nur lesbar-
Ein
DataTransfer
Objekt, das die von der benutzerinitiiertencut
,copy
oderpaste
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
<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;
Ergebnis
Spezifikationen
Specification |
---|
Clipboard API and events # clipboard-event-cut |
HTML Standard # handler-oncut |
Browser-Kompatibilität
BCD tables only load in the browser