Lompat ke konten Lompat ke sidebar Lompat ke footer

Melakukan Copy Elemen HTML File Menggunakan Atribut Oncopy

Atribut oncopy akan dipanggil atau aktif ketika user melakukan duplikasi konten yang ditampilkan pada elemen. Atribut oncopy merupakan atribut yang dapat digunakan pada elemen <img>, <input>, <p>, dan lain sebagainya.

2 Contoh Penggunaan Atribut Oncopy pada File HTML
Ilustrasi Atribut Oncopy HTML

Sebelum memahami lebih dalam materi tentang Melakukan Copy Elemen HTML File Menggunakan Atribut Oncopy, terlebih dahulu pelajari materi tentang: Menonaktifkan Fokus Elemen HTML Menggunakan Atribut Onblur [klik], Menonaktifkan Validasi HTML Menggunakan Atribut Novalidate [klik], dan Membuat Menu Pilihan HTML Menggunakan Atribut Multiple [klik].

Sintak:
<element oncopy = "script">

Atribut: hanya menerima nilai skrip tunggal dan dapat dijalankan ketika dipanggil oleh user.

Catatan: terdapat tiga cara untuk melakukan duplikasi konten dari elemen.
  • Tekan CTRL + C untuk melakukan copy atau duplikasi elemen.
  • Klik kana mouse, pilih "copy".
  • Pilih menu "Copy" dari edit menu.


Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Atribut Oncopy

</title>

 

<style>

body 

{

text-align:center;}

 

h1 

{

color:green;}

</style>

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Atribut Oncopy

</h2>

 

<input 

type="text

oncopy="mkn()

value="BlogElfan">

 

<p id="sudo"></p>

 

<script>

function mkn() 

{

document.getElementById("sudo").innerHTML = "Copied box content"

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Atribut Oncopy


Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Atribut Oncopy

</title>

 

<style>

body 

{

text-align:center;}

 

h1 

{

color:green;}

</style>

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Atribut Oncopy

</h2>

 

<

oncopy="mkn()">

Blog Elfan: merupakan portal ilmu komputer.

</p>

 

<p id="sudo"></p>

 

<script>

function mkn() 

{

document.getElementById("sudo").innerHTML = "Copied Text"

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Atribut Oncopy

Blog Elfan: merupakan portal ilmu komputer.


Artikel ini didedikasikan kepada: Muhammad Faishal Rahman, Nadia Putri Kustriani, Priansyah Rizky Revindo, Revilda Dwi Ananda Lestiyani, dan Rizkynia Farah Dhiva.

5 komentar untuk "Melakukan Copy Elemen HTML File Menggunakan Atribut Oncopy"

  1. Apa yang dimaksud dengan atribut oncopy pada dokumen html?

    BalasHapus
    Balasan
    1. Atribut oncopy pada html dapat aktif ketika user menyalin elemen konten pada file html. Atribut oncopy juga dapat diaktivasi ketika user menyalin elemen, seperti gambar yang dibuat dengan elemen IMG. Atribut oncopy kebanyakan digunakan pada elemen INPUT dengan type teks.

      Hapus
  2. Apa fungsi atribut oncopy pada elemen html?

    BalasHapus
    Balasan
    1. Atribut oncopy pada elemen html merupakan bengendali kondisi dari proses penyalinan atau copy. Kondisi tersebut dapat diaktifkan ketika user mencoba melakukan proses copy.

      Hapus
    2. Lumayan paham tentang atribut oncopy pada html, tapi masih lebih mending rakit pc aja.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -