oncut-tapahtuma

DOM-tapahtumat ClipboardEvent

Määrittely ja käyttö

oncut-tapahtuma tapahtuu, kun käyttäjä leikkaa elementin sisältöä.

Vaikka kaikki HTML-elementit tukevat oncut-tapahtumaa, ne eivät todellisuudessa voi leikata sisältöä, esimerkiksi <p> -elementissä, ellei kyseinen elementti ole asettanut contenteditable-arvoksi "true"（katso alla olevia esimerkkejä lisää tietoa）。

Vinkki：oncut-tapahtuma käytetään pääasiassa type="text" -tyyppisissä <input> -elementissä。

Vinkki：Tässä on kolme tapaa leikata elementtiä tai elementin sisältöä：

  • CTRL + X
  • Valitse leikkauskomento selaimen muokkausvalikosta
  • Valitse oikeaklikkausvalikosta leikkauskomento

Esimerkki

Esimerkki 1

Suoritetaan JavaScript, kun leikataan <input> -elementin tekstiä：

<input type="text" oncut="myFunction()" value="Kokeile leikata tätä tekstiä">

Kokeile itse

Esimerkki 2

Suoritetaan JavaScript, kun leikataan <p> -elementin tekstiä（huomaa, että contenteditable on asetettu "true"）：

<p contenteditable="true" oncut="myFunction()">Kokeile leikata tätä tekstiä</p>

Kokeile itse

Syntaksi

HTML:ssä：

<elementti oncut="myScript">

Kokeile itse

JavaScriptissa：

objekti.oncut = function(){myScript};

Kokeile itse

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

objekti.addEventListener("cut", myScript);

Kokeile itse

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

Tekninen yksityiskohta

Päällystys： Tuki
Peruutettavissa： Tuki
Tapahtumatyypi： ClipboardEvent
Tuetut HTML-merkit: Kaikki HTML-elementit

Selaimen tuki

Tapahtumat Chrome IE Firefox Safari Opera
oncut Tuki Tuki Tuki Tuki Tuki

Liittyvät sivut

HTML DOM -viittausoppikirja:oncopy-tapahtuma

HTML DOM -viittausoppikirja:onpaste-tapahtuma

DOM-tapahtumat ClipboardEvent