Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / html

Efek Melakukan Copy HTML Menggunakan Atribut OnCopy

Dipublikasikan Oleh: elfanmauludi 5 komentar
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.


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, Atribut Event OnDrop HTML dan Fungsinya, dan Atribut OnDragStart HTML dan Fungsinya.

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.
Location: Semarang, Kota Semarang, Jawa Tengah, Indonesia

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

  1. AnonimRabu, 20 Oktober 2021 pukul 08.39.00 WIB

    Apa yang dimaksud dengan atribut oncopy pada elemen html?

    BalasHapus
    Balasan
    1. AnonimRabu, 20 Oktober 2021 pukul 08.39.00 WIB

      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. AnonimRabu, 20 Oktober 2021 pukul 08.42.00 WIB

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

      Hapus
  2. AnonimRabu, 20 Oktober 2021 pukul 08.40.00 WIB

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

    BalasHapus
    Balasan
    1. AnonimRabu, 20 Oktober 2021 pukul 08.40.00 WIB

      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 -