Peristiwa onpaste

Event DOM Event ClipboardEvent

Definisi dan penggunaan

Peristiwa onpaste terjadi saat pengguna menempelkan konten ke dalam elemen.

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

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

Petunjuk：Isi dapat ditempelkan ke dalam elemen dengan tiga cara：

  • CTRL + V
  • Pilih menempelkan dari menu edit browser
  • Pilih perintah menempelkan di menu kontek kanan

Contoh

Contoh 1

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

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

Coba sendiri

Contoh 2

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

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

Coba sendiri

Sintaks

Pada HTML：

<elemen 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 teknis

Bubbling： Dukungan
Dapat dibatalkan： Dukungan
Tipe peristiwa： Event ClipboardEvent
Tanda HTML yang didukung: Semua Elemen HTML

Dukungan Browser

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

Halaman yang berhubungan

Panduan Referensi DOM HTML:Peristiwa oncopy

Panduan Referensi DOM HTML:Peristiwa oncut

Event DOM Event ClipboardEvent