oncopy-händelse

DOM-händelser ClipboardEvent

Definition och användning

oncopy-händelsen inträffar när användaren kopierar innehållet i ett element.

Tips:oncopy-händelsen inträffar också när användaren kopierar element skapade med <img>-element (t.ex. bilder).

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

Tips:Här är tre sätt att kopiera element/elementinnehåll:

  • CTRL + C
  • Välj kopiera från webbläsarens redigeringsmeny
  • Välj kopiera-kommandot från högerklickamenu

Exempel

Exempel 1

Kör JavaScript när du kopierar text från <input>-elementet:

<input type="text" oncopy="myFunction()" value="Försök att kopiera denna text">

Prova själv

Exempel 2

Kör JavaScript när du kopierar viss text från <p>-elementet:

<p oncopy="myFunction()">Försök att kopiera denna text</p>

Prova själv

Exempel 3

Kör JavaScript när du kopierar en bild:

<img src="codew3c.gif" oncopy="myFunction()">

Prova själv

syntaks

I HTML:

<element oncopy="myScript">

Prova själv

I JavaScript:

objekt.oncopy = function(){myScript};

Prova själv

I JavaScript, använd addEventListener() metoden:

objekt.addEventListener("copy", myScript);

Prova själv

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

tekniska detaljer

bobbling: Stöd
kan avbrytas: Stöd
händelse typer: ClipboardEvent
stödda HTML-taggar: alla HTML-element

webbläsare stödjer

händelse Chrome IE Firefox Safari Opera
oncopy Stöd Stöd Stöd Stöd Stöd

Anmärkning:När du försöker kopiera en bild kan oncopy-händelsen i vissa webbläsare inte fungera som förväntat (se fler exempel nedan).

Relaterade sidor

HTML DOM referenshandbok:onpaste-händelse

HTML DOM referenshandbok:oncut-händelse

DOM-händelser ClipboardEvent