Cara Menonaktifkan Fitur Copy Teks di Website Pakai JavaScript Murni (Pure JS)

Punya website yang isinya murni tulisan hasil pikiran sendiri tuh kadang bikin was-was. Apalagi kalau tahu kontennya bisa dengan mudah dicopas orang tanpa izin. Rasanya kayak ditikung dari belakang. Nah, salah satu cara buat mencegah hal itu adalah dengan menonaktifkan fitur copy teks di website kamu.

Tenang, kamu gak perlu jago coding atau pakai plugin ribet. Di artikel ini, kita akan bahas cara menonaktifkan fitur copy teks di website pakai JavaScript murni (pure JS). Simpel, ringan, dan bisa langsung diterapkan!

Kenapa Harus Dinonaktifkan?

Sebelum masuk ke teknisnya, mari kita bahas dulu alasannya. Menonaktifkan fitur copy teks bukan berarti kamu anti berbagi, tapi lebih ke melindungi karya. Misalnya kamu nulis artikel original, tutorial, atau opini pribadi, tentu kamu gak mau dong kalau isinya dijiplak orang tanpa sumber?

Meskipun gak bisa 100% bikin kontenmu aman dari tangan jail, setidaknya dengan cara ini kamu bisa membuat pencuri konten mikir dua kali. Lagipula, kalau ada orang yang benar-benar niat nyuri, dia bakal tetap bisa pakai inspect element atau view source. Tapi yang iseng-iseng doang biasanya bakal menyerah kalau aksesnya dipersulit.

1. Blok Klik Kanan

Langkah pertama yang bisa kamu lakukan adalah mematikan fitur klik kanan di websitemu. Ini biasanya digunakan orang untuk mengakses opsi "copy".

Caranya mudah banget, cukup tambahkan skrip ini:

document.addEventListener("contextmenu", function(e) {
  e.preventDefault();
  alert("Maaf, klik kanan dinonaktifkan!");
});

Dengan skrip ini, setiap kali pengunjung coba klik kanan, mereka akan dapet peringatan. Ini termasuk bagian penting dari cara menonaktifkan fitur copy teks di website pakai JavaScript.

2. Blok Shortcut Copy (Ctrl + C)

Pengunjung mungkin bisa akalin klik kanan yang diblokir dengan shortcut keyboard seperti Ctrl + C atau Cmd + C. Tapi kamu bisa cegah juga dengan kode ini:

document.addEventListener("keydown", function(e) {
  if ((e.ctrlKey || e.metaKey) && e.key === "c") {
    e.preventDefault();
    alert("Fitur copy dinonaktifkan!");
  }
});

Dengan begini, walaupun mereka nekat tekan tombol copy, teks tetap nggak bisa dicopy.

3. Blok Seleksi Teks

Trik selanjutnya adalah menonaktifkan kemampuan memilih teks. Kalau teksnya gak bisa dipilih, ya otomatis gak bisa disalin.

Tambahkan saja kode CSS berikut ke style websitemu:

* {
  user-select: none;
}

Meskipun ini pakai CSS, tetap aja teknik ini sangat cocok dikombinasikan dengan cara menonaktifkan fitur copy teks di website pakai JavaScript untuk hasil maksimal.

4. Gabungkan Semua Cara

Kalau kamu pengin sekalian nerapin semua teknik di atas, tinggal gabungkan semuanya jadi satu seperti ini:

// Blok klik kanan
document.addEventListener("contextmenu", function(e) {
  e.preventDefault();
});

// Blok shortcut copy
document.addEventListener("keydown", function(e) {
  if ((e.ctrlKey || e.metaKey) && e.key === "c") {
    e.preventDefault();
  }
});

// Blok seleksi teks
document.addEventListener("selectstart", function(e) {
  e.preventDefault();
});

Nah, dengan kombinasi ini, cara menonaktifkan fitur copy teks di website pakai JavaScript kamu jadi lebih solid. Tapi tetap inget, ini bukan jaminan mutlak. Orang tetap bisa nyari celah lewat cara lain.

Kelebihan dan Kekurangan

Kelebihan:

• Mudah diterapkan, bahkan tanpa library tambahan

• Cukup efektif melindungi dari copas iseng

• Bisa digunakan di semua browser modern

Kekurangan:

• Gak bisa cegah view source atau inspect element

• Bisa mengganggu kenyamanan user yang cuma mau baca atau highlight teks

• Tidak efektif terhadap bot atau scrapper otomatis

Sekarang kamu udah tahu cara menonaktifkan fitur copy teks di website pakai JavaScript murni. Walaupun gak bisa jamin 100% anti copas, tapi paling nggak bisa jadi langkah awal buat melindungi kontenmu. Jangan lupa juga tetap kasih watermark atau penanda di setiap kontenmu, siapa tahu nanti dicopas, masih bisa dilacak asalnya.

Jadi, udah siap pasang "tameng" di websitemu? Yuk, dicoba sekarang juga! Dan jangan lupa share artikel ini ke teman-teman kamu yang juga ingin tahu cara menonaktifkan fitur copy teks di website pakai JavaScript biar makin banyak yang aware pentingnya melindungi konten orisinal!