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 July 2015.
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 Elternobjekt Event.
ClipboardEvent.clipboardDataSchreibgeschützt-
Ein
DataTransfer-Objekt, das die Daten enthält, die von der vom Benutzer initiiertencut,copy, oderpasteOperation betroffen sind, zusammen mit ihrem MIME-Typ.
Beispiel
Dieses Beispiel erlaubt das Kopieren von Text aus dem <textarea>, aber 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 # handler-oncut |