Efek Ketika Melakukan Paste HTML Menggunakan Atribut OnPaste
Atribut onpaste pada html adalah atribut yang dapat bekerja ketika beberapa konten pada file html di-paste pada elemen lainnya. Atribut event onpaste didukung penggunannya oleh segala jenis elemen pada html. Atribut onpaste umumnya digunakan bersamaan dengan elemen input html.
Terdapat tiga cara untuk melakukan paste pada elemen konten html yang diperlihatkan sebagai berikut:
Tag Pendukung: atribut onpaste didukung penggunannya oleh segala jenis elemen pada html.
Sintak:
<element onpaste = "script">
Value Atribut: event script akan dijalankan ketika atribut onpaste dipanggil.
Contoh:
 |
| Ilustrasi Atribut OnPaste HTML |
Sebelum memahami lebih dalam materi tentang Efek Ketika Melakukan Paste HTML Menggunakan Atribut OnPaste, terlebih dahulu pelajari materi tentang: Efek Melakukan Cut Elemen HTML Menggunakan Atribut OnCut [klik], Efek Melakukan Copy HTML Menggunakan Atribut OnCopy [klik], dan Efek Melakukan Scroll Mouse HTML Menggunakan Atribut OnScroll [klik].
- Menggunakan tombol CTRL + V.
- Pilih "Paste" pada menu Edit browser.
- Pilih perintah "Paste" melalui klik kanan.
Tag Pendukung: atribut onpaste didukung penggunannya oleh segala jenis elemen pada html.
Baca Juga:
<element onpaste = "script">
Value Atribut: event script akan dijalankan ketika atribut onpaste dipanggil.
<!DOCTYPE html>
<html>
<head>
<title>
atribut onpaste
</title>
<style>
body
{
text-align:center;}
h1
{
color:green;}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
atribut onpaste
</h2>
<input
type="text"
onpaste="coba()"
value="portal ilmu komputer"
size="40">
<p id="sudo"></p>
<script>
function coba()
{
document.getElementById("sudo").innerHTML = "pasted text!";
}
</script>
</body>
</html>
Output:
Blog Elfan
atribut onpaste
Referensi Tambahan:
- Penggunaan Properti Length DOM pada HTML [klik]
- Penggunaan Method removeNamedItem() DOM pada HTML [klik]
- Cara Penggunaan Method setNamedItem() DOM pada HTML [klik]
- Cara Mudah Menggunakan Properti Spesifik DOM pada HTML [klik]
- Cara Menggunakan Properti Value DOM pada HTML [klik]
- 2 Contoh Penggunaan Method console.assert() DOM pada HTML [klik]
- Cara Penggunaan Method console.clear() DOM pada HTML [klik]
Artikel ini didedikasikan kepada: Vivi Lestiyani, Ahmad Syahrul Setiawan, Alfin Lis Priyadi, Andan Arum Anggita Daneswari, dan Arya Moehammad Prakoso.
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan atribut onpaste pada elemen html?
BalasHapusBerikut adalah beberapa jenis browser populer yang dapat digunakan untuk mengaktifkan atribut onpaste pada elemen html:
Hapus1. Apple Safari
2. Google Chrome
3. Firefox
4. Opera
5. Internet Explorer
Apa yang dimaksud dengan atribut onpaste pada elemen html?
BalasHapusAtribut onpaste pada html diaktifkan ketika pengguna menempelkan beberapa konten pada sebuah elemen.
HapusApa kekurangan dari atribut onpaste jika digunakan pada elemen html?
BalasHapusMeskipun atribut onpaste didukung penggunaannya oleh segala jenis elemen pada html, tetapi sebenarnya tidak mungkin untuk untuk melakukan paste pada beberapa elemen html, seperti elemen P, kecuali elemen terseut telah disetting contenteditable dengan tipe true.
Hapus