Peristiwa onpaste

Peristiwa DOM ClipboardEvent

Definisi dan Penggunaan

Peristiwa onpaste terjadi saat pengguna menempel konten ke dalam elemen.

Walaupun semua elemen HTML mendukung peristiwa onpaste, secara praktis tidak mungkin menempel konten ke elemen seperti <p> kecuali elemen tersebut telah mengatur contenteditable menjadi "true" (lihat contoh di bawah).

Petunjuk： Peristiwa onpaste digunakan utamanya untuk elemen <input> dengan type="text".

Petunjuk：Konten dapat dipaste ke dalam elemen melalui tiga cara：

  • CTRL + V
  • Pilih paste dari menu edit browser
  • Pilih perintah paste di menu kiri

Contoh

Contoh 1

Eksekusi JavaScript saat menempel teks di dalam elemen <input>：

<input type="text" onpaste="myFunction()" value="Paste sesuatu di sini">

Coba sendiri

Contoh 2

Eksekusi JavaScript saat menempel teks di dalam elemen <p> (perhatikan bahwa contenteditable telah diatur menjadi "true")：

<p contenteditable="true" onpaste="myFunction()">Coba paste sesuatu di dalam paragraf ini.</p>

Coba sendiri

Sintaks

Pada HTML：

<element onpaste="myScript">

Coba sendiri

Pada JavaScript：

objek.onpaste = function(){myScript};

Coba sendiri

Pada JavaScript, gunakan metode addEventListener()：

objek.addEventListener("paste", myScript);

Coba sendiri

Keterangan：Internet Explorer 8 atau versi yang lebih awal tidak mendukung Metode addEventListener()。

Detil Teknik

Tumpahan： Dukungan
Boleh Dikembalikan： Dukungan
Tipe Peristiwa： ClipboardEvent
Tanda HTML yang disokong: Semua elemen HTML

Dukungan pelayar

Peristiwa Chrome IE Firefox Safari Opera
onpaste Dukungan Dukungan Dukungan Dukungan Dukungan

Laman yang berkenaan

Panduan referensi DOM HTML DOM:Peristiwa oncopy

Panduan referensi DOM HTML DOM:Peristiwa oncut

Peristiwa DOM ClipboardEvent