HTMLElement: paste-Event
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 paste-Event wird ausgelöst, wenn der Benutzer eine Einfügeaktion über die Benutzeroberfläche des Browsers initiiert.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignis-Handler-Eigenschaft.
js
addEventListener("paste", (event) => { })
onpaste = (event) => { }
Ereignistyp
Ein ClipboardEvent. Erbt von Event.
Ereigniseigenschaften
Erbt auch Eigenschaften von seinem übergeordneten Event.
ClipboardEvent.clipboardDataSchreibgeschützt-
Ein
DataTransfer-Objekt, das die Daten enthält, die von der vom Benutzer initiiertencut-,copy- oderpaste-Operation betroffen sind, zusammen mit ihrem MIME-Typ.
Beispiel
Dieses Beispiel protokolliert jeden Kopier- und Einfügeversuch in der <textarea>.
HTML
html
<h3>Play with this text area:</h3>
<textarea id="editor" rows="3">
Try copying and pasting text into this field!
</textarea>
<h3>Log:</h3>
<p id="log"></p>
JavaScript
js
function logCopy(event) {
log.innerText = `Copied!\n${log.innerText}`;
}
function logPaste(event) {
log.innerText = `Pasted!\n${log.innerText}`;
}
const editor = document.getElementById("editor");
const log = document.getElementById("log");
editor.oncopy = logCopy;
editor.onpaste = logPaste;
Ergebnis
Spezifikationen
| Specification |
|---|
| Clipboard API and events # clipboard-event-paste |
| HTML # handler-onpaste |