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 March 2017.
Das paste-Ereignis 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 Eltern-Event.
ClipboardEvent.clipboardDataSchreibgeschützt-
Ein
DataTransfer-Objekt, das die durch die vom Benutzer initiiertecut,copyoderpaste-Operation betroffenen Daten sowie deren MIME-Typ enthält.
Beispiel
Dieses Beispiel protokolliert jeden Kopier- und Einfügeversuch in das <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 |
Browser-Kompatibilität
BCD tables only load in the browser