Cara Menghilangkan Seleksi Text Pada Website Menggunakan JavaScript

Seleksi text merupakan bagian text yang kita pilih atau kita block untuk mengcopy atau menyalin isi dari sebuah artikel yang berupa text, pada tutorial kali ini kita akan membahas mengenai Cara Menghilangkan Seleksi Text Pada Website Menggunakan JavaScript, fungsi dari kita menghilangkan seleksi text pada sebuah website untuk menghindari isi dari content yang kita miliki tidak dapat di copy oleh orang, nah untuk saat ini cukup banyak sekai user-user yang ingin meng-copy isi dari content yang kita miliki.

Bisa untuk mengcopy isi dari content user biasanya akan menyeleksi bagian mana yang akan di copy berikutnya setelah bagian tersebut diseleksi barulah user klik kanan lalu copy, atau user juga bisa menggunakan shortcut yang terdapat pada keyboard yaitu ctrl + c, untuk mencegah itu semua kita akan menghilangkan seleksi text tersebut dengan menggunakan java script, Cara Menghilangkan Seleksi Text Pada Website Menggunakan JavaScript yaitu :

Yang pertama pastikan teman-teman telah memiliki website yang ingin kita hilangkan seleksi text nya, atau teman-teman bisa menggunakan script yang terdapat dibawah ini untuk struktur dari websitenya sebagai contoh nya, dan silahkan teman teman simpan script dibawah ini dengan nama index.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>DUMET School</title>
<link href="style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="container">
    
    <header>
        <h1>DUMET School</h1>
    </header>
	
    <menu>
    	<ul>
        	<li><a href="#">Home</a></li>
            <li><a href="#">About Us</a></li>
        </ul>
    </menu>
    
    <article>
    	<h2>Welcome</h2>
    	<div class="articleLeft">
        	<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
        </div>
        <div class="articleRight">
        	<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
        </div>
    </article>
	
    <footer>
    	<p>DUMET School | © 2015</p>
    </footer>
</div>
</body>
</html>

Setelah kita kita membuat file HTML nya selanjutnya kita akan mengatur layout atau tampilan dari website nya silahkan teman-teman simpan script dibawah ini dengan nama style.css

* {padding:0; margin:0}
.container {width:800px; margin:auto}
header {color:#FFFFFF; padding:30px 20px; background-color:#ff0202;}
menu {background-color:#0b5a6b; overflow:hidden}
menu a {color:#FFFFFF; text-decoration:none; padding:10px 20px; display:inline-block; transition:ease all 0.3s}
menu a:hover {background-color:#e91e63}
menu ul {list-style:none}
menu ul li {float:left}
article {overflow:hidden; padding:20px; background-color:#c5cae9;color:#333}
.articleLeft {width:370px; float:left}
.articleRight {width:370px; float:right}
footer {color:#FFFFFF; padding:15px 20px; background-color:#ff0202;}

Jika kita jalankan pada browser maka akan terlihat hasilnya seperti dibawah ini dan text pada website yang kita buat text nya masih bisa di seleksi.

Nah untuk menghilangkan seleksi text nya silahkan teman-teman letakan script dibawah ini pada bagian <head> ….. </head> yang terdapat pada HTML nya.

function disabletext(e){ 
    return false;
  } 
  function reEnable(){ 
    return true;
  } 

  document.onselectstart=new Function ("return false");

  if (window.sidebar){ 
    document.onmousedown=disabletext;
    document.onclick=reEnable;
  }

Berikutnya silahkan teman-teman refresh atau reload website yang sebelumnya maka text yang terdapat pada website tersebut tidak dapat seleksi atau di block, oke teman-teman sekian dulu tutorial kali ini tentang Cara Menghilangkan Seleksi Text Pada Website Menggunakan JavaScript.

Semoga bermanfaat.

Terimakasih.