tutorial pengembangan web terbaru
 

Acara onpaste

<Object Acara

Contoh

Mengeksekusi JavaScript ketika menyisipkan beberapa teks dalam <input> elemen:

<input type="text" onpaste="myFunction()" value="Paste something in here">
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.


Definisi dan Penggunaan

Acara onpaste terjadi ketika pengguna pasta beberapa konten dalam sebuah elemen.

Catatan: Meskipun acara onpaste didukung oleh semua elemen HTML, itu tidak benar-benar mungkin untuk menyisipkan beberapa konten dalam, misalnya, <p> elemen, KECUALI elemen telah menetapkan contenteditable ke "true" (Lihat "More Examples" di bawah ini ).

Tip: Acara onpaste banyak digunakan pada <input> elemen dengan type = "text".

Tip: Ada tiga cara untuk menyisipkan beberapa konten dalam sebuah elemen:

  • Tekan CTRL + V
  • Pilih "Paste" dari menu Edit pada browser Anda
  • Klik kanan untuk menampilkan menu konteks dan pilih "Paste" perintah.

Dukungan Browser

Peristiwa
onpaste iya nih iya nih iya nih iya nih iya nih

Sintaksis

Dalam HTML:

Dalam JavaScript:

object .onpaste=function(){ Cobalah sendiri "

Dalam JavaScript, menggunakan addEventListener() metode:

object .addEventListener("paste", myScript );
Cobalah sendiri "

Catatan: addEventListener() metode tidak didukung di Internet Explorer 8 dan versi sebelumnya.


Rincian teknis

Gelembung: iya nih
dibatalkan: iya nih
jenis acara: ClipboardEvent
tag HTML yang didukung: Semua elemen HTML

contoh

Contoh lebih

Contoh

Mengeksekusi JavaScript ketika menyisipkan beberapa teks dalam <p> elemen (Catatan contenteditable yang diatur untuk "true"):

<p contenteditable="true" onpaste="myFunction()">Try to paste something inside this paragraph.</p>
Cobalah sendiri "

Pages terkait

Referensi HTML DOM: acara oncopy

Referensi HTML DOM: acara oncut


Acara Referensi Obyek Obyek acara