onpaste-händelsen

DOM-händelser ClipboardEvent

Definition och användning

onpaste-händelsen inträffar när användaren klistrar in innehåll i ett element.

Trots att alla HTML-element stöder onpaste-händelsen är det inte möjligt att klistra in innehåll i exempelvis <p>-elementet, om inte elementet har satt contenteditable till "true" (se fler exempel nedan).

Tips: onpaste-händelsen används huvudsakligen för <input> element med type="text".

Tips:Innehållet kan klistras in i elementet på tre sätt:

  • CTRL + V
  • Välj klistra in från webbläsarens redigeringsmeny
  • Välj klistra in-kommandot från rättargrälmen

Exempel

Exempel 1

Kör JavaScript när du klistrar in text i <input>-elementet:

<input type="text" onpaste="myFunction()" value="Klistra in något här">

Prova själv

Exempel 2

Kör JavaScript när du klistrar in text i <p>-elementet (notera att contenteditable är satt till "true"):

<p contenteditable="true" onpaste="myFunction()">Försök att klistra in något här i stycket.</p>

Prova själv

Syntaks

I HTML:

<element onpaste="myScript">

Prova själv

I JavaScript:

objekt.onpaste = function(){myScript};

Prova själv

I JavaScript, använda addEventListener() metoden:

objekt.addEventListener("paste", myScript);

Prova själv

Kommentar:Internet Explorer 8 eller tidigare versioner stöder inte addEventListener() metoden.

Tekniska detaljer

Bubbling: Stöd
Kan annulleras: Stöd
Evenedypotyp ClipboardEvent
Stödda HTML-taggar: Alla HTML-element

Webbläsarstöd

Händelser Chrome IE Firefox Safari Opera
onpaste Stöd Stöd Stöd Stöd Stöd

Relaterade sidor

HTML DOM Referenshandbok:oncopy-händelse

HTML DOM Referenshandbok:oncut-händelse

DOM-händelser ClipboardEvent