Lompat ke konten Lompat ke sidebar Lompat ke footer

Efek Melakukan Copy HTML Menggunakan Atribut OnCopy

Atribut oncopy pada html adalah atribut yang akan aktif ketika user melakukan copy dari konten yang ditampilkan pada elemen. Atribut oncopy dapat digunakan dengan elemen IMG, INPUT, P, dan lain sebagainya.

3 Cara Mengaktifkan Atribut OnCopy pada Elemen HTML
Ilustrasi Atribut OnCopy HTML

Sebelum memahami lebih dalam materi tentang Efek Melakukan Copy HTML Menggunakan Atribut OnCopy, terlebih dahulu pelajari materi tentang: Efek Melakukan Scroll Mouse HTML Menggunakan Atribut OnScroll [klik], Atribut Event OnDrop HTML dan Fungsinya [klik], dan Atribut OnDragStart HTML dan Fungsinya [klik].

Sintak:
<element oncopy = "script">

Value Atribut: akan menerima script nilai tunggal yang akan dijalankan ketika atribut oncopy dipanggil.

Baca Juga:

Catatan: terdapat 3 cara untuk melakukan copy konten dari elemen.
  1. Tekan CTRL + C pada elemen yang akan di-copy.
  2. Pilih "Copy" pada edit menu.
  3. Klik kanan pada display menu konteks dan pilih perintah "Copy".

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="dodol()" 

value="dodoldandodol">

 

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

 

<script>

function dodol() 

{

document.getElementById("sudo").innerHTML = "Konten Di-Copy"

}

</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>

 

<p oncopy="dodon()">

Blog Elfan: portal ilmu komputer

</p>

 

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

 

<script>

function dodon() 

{

document.getElementById("sudo").innerHTML = "Teks Di-Copy"

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

atribut oncopy

Blog Elfan: portal ilmu komputer


Artikel ini didedikasikan kepada: Shobirotul Labibah, Sulthan Afkar Aisy, Vivi Lestiyani, Ahmad Syahrul Setiawan, dan Alfin Lis Priyadi.

5 komentar untuk "Efek Melakukan Copy HTML Menggunakan Atribut OnCopy"

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

    BalasHapus
    Balasan
    1. Atribut oncopy pada html dapat aktif ketika pengguna menyalin konten dari elemen html.

      Atribut oncopy juga dapat diaktifkan ketika pengguna menyalin elemen, seperti gambar dari elemen IMG.

      Atribut oncopy kebanyakan digunakan pada elemen INPUT dengan type="text".

      Hapus
    2. Properti oncopy dari interface elemen HTML adalah pengendali event pada proses event copy.

      Hapus
  2. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan atribut oncopy pada elemen html?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser populer yang dapat digunakan untuk mengaktifkan atribut oncopy:
      1. Internet Explorer
      2. Google Chrome
      3. Firefox
      4. Opera
      5. Safari

      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 -