oncopy-gebeurtenis

DOM events ClipboardEvent

Definitie en gebruik

De oncopy-gebeurtenis vindt plaats wanneer de gebruiker de inhoud van een element kopieert.

Tip:De oncopy-gebeurtenis wordt ook geactiveerd wanneer de gebruiker elementen kopieert die zijn gecreëerd met de <img>-element (bijvoorbeeld afbeeldingen).

Tip: De oncopy-gebeurtenis wordt voornamelijk gebruikt voor <input>-elementen van type "text".

Tip:Hier zijn drie manieren om elementen/elementinhoud te kopiëren:

  • CTRL + C
  • Kies kopieer uit het editmenu van de browser
  • Kies de kopieercommando uit het contextmenu

Voorbeeld

Voorbeeld 1

Voer JavaScript uit bij het kopiëren van tekst van een <input>-element:

<input type="text" oncopy="myFunction()" value="Probeer dit tekst te kopiëren">

Probeer het zelf uit

Voorbeeld 2

Voer JavaScript uit bij het kopiëren van bepaalde tekst van een <p>-element:

<p oncopy="myFunction()">Probeer dit tekst te kopiëren</p>

Probeer het zelf uit

Voorbeeld 3

Voer JavaScript uit bij het kopiëren van een afbeelding:

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

Probeer het zelf uit

syntaxis

In HTML:

<element oncopy="myScript">

Probeer het zelf uit

In JavaScript:

object.oncopy = function(){myScript};

Probeer het zelf uit

Gebruik in JavaScript de addEventListener() methode:

object.addEventListener("copy", myScript);

Probeer het zelf uit

Note:Internet Explorer 8 of oudere versies ondersteunen deze niet addEventListener() methode.

technische details

bubbelen: Support
annuleerbaar: Support
Gebeurtenistypen: ClipboardEvent
Ondersteunde HTML-labels: alle HTML-elementen

browserondersteuning

gebeurtenis Chrome IE Firefox Safari Opera
oncopy Support Support Support Support Support

Note:When trying to copy an image, the oncopy event may not work as expected in some browsers (see more examples below).

Related pages

HTML DOM reference manual:onpaste event

HTML DOM reference manual:oncut event

DOM events ClipboardEvent