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.
Please take two minutes to fill out our short survey.
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 |