Script CSS Cara Menonaktifkan Seleksi Teks

By . Kategori: CSS, Web Tags: , ,

irnanto.com – Sebelumnya kita telah membahas mengenai cara disbale text selection menggunakan javascript, saat ada cara yang lebih mudah yaitu Menonaktifkan Seleksi Teks Dengan Menggunakan Script CSS . Fungsinya tetap sama dengan tutorial sebelumnya yaitu disable text selection atau menonaktifkan seleksi teks, tetapi penerapannya sedikit berbeda. Cara men-disable text kali ini menggunakan kode CSS untuk dapat mencegah seleksi teks.

Fitur seleksi pada browser web dapat dimanipulasi agar dapat dinonaktifkan untuk kepentingan tertentu seperti mencegah tindak plagiat atau plagiarisme. Sebagai web developer, kita tidak bisa secara langsung mengetur web browser pada user, tetapi kita bisa mengatur web kita yang tampil di browser klien atau user untuk tidak dapat menseleksi konten atau untuk menonaktifkan seleksi konten.

script javascript cara disable text selection

disable text selection

Cara Memasang Script CSS Disable Text Selection

Ada dua cara pemasangan script CSS disable selection yaitu yang pertama dengan cara meletakkan kode di dalam tag head dan yang kedua pada file style CSS. Lakukan cara pertama dengan mengetikkan kode css di bawah ini di bagian atau di dalam tag head pada web Anda.

<style type="text/css">
  body{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
</style>

Simpan hasil perubahan yang Anda berikan dan lihat hasilnya. Cara kedua Anda dapat meletakkannya di file eksternal CSS seperti style.css, jika Anda sudah memilikinya, Anda dapat menambahkan script seperti di bawah ini saja.

body{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

Jika Anda belum memiliki file style.css, buatlah file tersebut dan isikan script css seperti di atas dan buatlah script pemanggilan file tersebut seperti di bawah ini dan letakkan di dalam tag head.

<link rel=”stylesheet” type=”text/css” media=”all” href=”[url atau path lokasi file style.css]” />

Jika sudah, silahkan simpan skrip disable text selection yang anda ketik pada file web Anda. Silahkan coba hasil dari perubahan yang Anda lakukan. Anda harus mengamankan lebih pada konten Anda dengan cara mendisable klik kanan dan mendisable shortcut ctrl+c.

Ok, sekian dulu pembahasan mengenai Script CSS Cara Menonaktifkan Seleksi Teks, lain kali di sambung lagi dengan artikel menarik lainnya.

Belum ada komentar untuk “Script CSS Cara Menonaktifkan Seleksi Teks”

Tinggalkan Komentar