onpaste- Ereignis
Beispiel
Führen Sie ein JavaScript aus, wenn Sie Text in ein <input>-Element einfügen:
<input type="text" onpaste="myFunction()" value="Paste something in here">
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Das onpaste-Ereignis tritt auf, wenn der Benutzer Inhalt in ein Element einfügt.
Hinweis: Obwohl das onpaste-Ereignis von allen HTML-Elementen unterstützt wird, ist es tatsächlich nicht möglich, Inhalte beispielsweise in ein <p>-Element einzufügen, es sei denn, das Element hat contenteditable auf „true“ gesetzt (siehe „Weitere Beispiele“ weiter unten ).
Tipp: Das onpaste-Ereignis wird meistens bei <input>-Elementen mit type="text" verwendet.
Tipp: Es gibt drei Möglichkeiten, Inhalte in ein Element einzufügen:
- Drücken Sie STRG + V
- Wählen Sie im Menü „Bearbeiten“ Ihres Browsers „Einfügen“.
- Klicken Sie mit der rechten Maustaste, um das Kontextmenü anzuzeigen, und wählen Sie den Befehl "Einfügen".
Browser-Unterstützung
Event | |||||
---|---|---|---|---|---|
onpaste | Yes | Yes | Yes | Yes | Yes |
Syntax
Im HTML-Format:
<element onpaste="myScript">
In JavaScript:
object.onpaste = function(){myScript};
Verwenden Sie in JavaScript die Methode addEventListener():
object.addEventListener("paste", myScript);
Hinweis: Die Methode addEventListener() wird in Internet Explorer 8 und früheren Versionen nicht unterstützt.
Technische Details
Bläschen: | ja |
---|---|
kündbar: | ja |
Ereignistyp: | ZwischenablageEreignis |
Unterstützte HTML-Tags: | Alle HTML-Elemente |
Mehr Beispiele
Beispiel
Führen Sie ein JavaScript aus, wenn Sie Text in ein <p>-Element einfügen (beachten Sie, dass contenteditable auf „true“ gesetzt ist):
<p contenteditable="true" onpaste="myFunction()">Try to paste something inside this paragraph.</p>
Verwandte Seiten
HTML-DOM-Referenz: oncopy-Ereignis
HTML-DOM-Referenz: oncut-Ereignis