onpaste-tapahtuma

DOM-tapahtumat ClipboardEvent

Määritelmä ja käyttö

onpaste-tapahtuma tapahtuu, kun käyttäjä liimaa sisältöä elementtiin.

Vaikka kaikki HTML-elementit tukevat onpaste-tapahtumaa, ei ole mahdollista liimata sisältöä esimerkiksi <p> -elementtiin, ellei elementti ole asettanut contenteditable-arvoksi "true" (katso alla olevia esimerkkejä).

Vinkki： onpaste-tapahtuma käytetään pääasiassa type="text" -tyyppisiin <input> -elementteihin。

Vinkki：Sisällön liittäminen elementtiin voidaan tehdä kolmella tavalla：

  • CTRL + V
  • Valitse liimaus komento selaimen muokkausvalikosta
  • Valitse oikeaklikkausvalikosta liimauskomento

Esimerkki

Esimerkki 1

Suoritetaan JavaScript, kun liimataan teksti <input> -elementtiin:

<input type="text" onpaste="myFunction()" value="Liimauta jotain tähän">

Kokeile itse

Esimerkki 2

Suoritetaan JavaScript, kun liimataan teksti <p> -elementtiin (huomaa, että contenteditable on asetettu "true"):

<p contenteditable="true" onpaste="myFunction()">Kokeile liimauttaa jotain tähän kappaleeseen.</p>

Kokeile itse

Syntaksi

HTML:ssä：

<elementti onpaste="myScript">

Kokeile itse

JavaScriptissa：

objekti.onpaste = function(){myScript};

Kokeile itse

JavaScriptissa käytetään addEventListener() -menetelmää：

objekti.addEventListener("paste", myScript);

Kokeile itse

Huomautus：Internet Explorer 8 tai aikaisemmat versiot eivät tue addEventListener() -menetelmä。

Tekninen yksityiskohta

Bubble： Tuki
Peruutettavissa： Tuki
Tapahtumatyyppi： ClipboardEvent
Tuetut HTML-merkit: Kaikki HTML-elementit

Selaimen tuki

Tapahtumat Chrome IE Firefox Safari Opera
onpaste Tuki Tuki Tuki Tuki Tuki

Liittyvät sivut

HTML DOM -viittauskirja:oncopy-tapahtuma

HTML DOM -viittauskirja:oncut-tapahtuma

DOM-tapahtumat ClipboardEvent