Peristiwa oncopy

Peristiwa DOM ClipboardEvent

Definisi dan penggunaan

Peristiwa oncopy terjadi saat pengguna menyalin isi elemen.

Pemberitahuan:Peristiwa oncopy juga terjadi saat pengguna menyalin elemen yang dibuat dengan elemen <img> (contoh, gambar).

Pemberitahuan: Peristiwa oncopy biasa digunakan untuk elemen <input> dengan type="text".

Pemberitahuan:Berikut adalah tiga cara untuk menyalin elemen/isi elemen:

  • CTRL + C
  • Pilih salin dari menu edit browser
  • Pilih perintah salin di menu kanan

Contoh

Contoh 1

Melaksanakan JavaScript saat menyalin teks elemen <input>:

<input type="text" oncopy="myFunction()" value="Coba menyalin teks ini">

Coba sendiri

Contoh 2

Melaksanakan JavaScript saat menyalin beberapa teks elemen <p>:

<p oncopy="myFunction()">Coba menyalin teks ini</p>

Coba sendiri

Contoh 3

Melaksanakan JavaScript saat menyalin gambar:

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

Coba sendiri

Sintaks

Pada HTML:

<elemen oncopy="myScript">

Coba sendiri

Pada JavaScript:

objek.oncopy = function() {myScript};

Coba sendiri

Pada JavaScript, gunakan metode addEventListener():

objek.addEventListener("copy", myScript);

Coba sendiri

Keterangan:Internet Explorer 8 atau versi yang lebih awal tidak mendukung metode addEventListener().

Detil teknis

Bubbling: Dukungan
Bisa dibatalkan: Dukungan
Tipe peristiwa: ClipboardEvent
Tag HTML yang didukung: semua elemen HTML

dukungan browser

peristiwa Chrome IE Firefox Safari Opera
oncopy Dukungan Dukungan Dukungan Dukungan Dukungan

Keterangan:Ketika mencoba menyalin gambar, peristiwa oncopy mungkin tidak bekerja seperti yang diharapkan di beberapa peramban (lihat contoh di bawah ini).

Halaman yang berhubungan

Panduan Referensi DOM HTML:Peristiwa onpaste

Panduan Referensi DOM HTML:Peristiwa oncut

Peristiwa DOM ClipboardEvent