Acara tempel
Contoh
Jalankan JavaScript saat menempelkan beberapa teks di elemen <input>:
<input type="text" onpaste="myFunction()" value="Paste something in here">
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Acara onpaste terjadi ketika pengguna menempelkan beberapa konten dalam sebuah elemen.
Catatan: Meskipun acara onpaste didukung oleh semua elemen HTML, sebenarnya tidak mungkin untuk menempelkan beberapa konten, misalnya, elemen <p>, KECUALI elemen tersebut telah menyetel contenteditable ke "true" (Lihat "Contoh Lainnya" di bawah ).
Tip: Acara onpaste kebanyakan digunakan pada elemen <input> dengan type="text".
Tip: Ada tiga cara untuk menempelkan beberapa konten dalam sebuah elemen:
- Tekan CTRL + V
- Pilih "Tempel" dari menu Edit di browser Anda
- Klik kanan untuk menampilkan menu konteks dan pilih perintah "Tempel".
Dukungan Peramban
Event | |||||
---|---|---|---|---|---|
onpaste | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Dalam HTML:
<element onpaste="myScript">
Dalam JavaScript:
object.onpaste = function(){myScript};
Dalam JavaScript, menggunakan metode addEventListener() :
object.addEventListener("paste", myScript);
Catatan: Metode addEventListener() tidak didukung di Internet Explorer 8 dan versi yang lebih lama.
Detail Teknis
Gelembung: | Ya |
---|---|
Dapat dibatalkan: | Ya |
Jenis acara: | ClipboardAcara |
Tag HTML yang didukung: | Semua elemen HTML |
Lebih Banyak Contoh
Contoh
Jalankan JavaScript saat menempelkan beberapa teks dalam elemen <p> (Perhatikan bahwa contenteditable disetel ke "true"):
<p contenteditable="true" onpaste="myFunction()">Try to paste something inside this paragraph.</p>
Halaman Terkait
Referensi DOM HTML: acara oncopy
Referensi DOM HTML: acara oncut