Cara Menghilangkan Seleksi Text Pada Website Menggunakan JavaScript
Seleksi text adalah sebuah bagian text yang kita pilih atau kita block bagi mengcopy atau menyalin isi dari sebuah artikel yang berupa text, di panduan kali ini kita akan membahas mengenai Cara Menghilangkan Seleksi Text Di Situs Menggunakan JavaScript, manfaat dari kita menghilangkan seleksi text di sebuah blog bagi menghindari isi dari content yang kita miliki tak dapat di copy oleh orang, nah bagi dikala ini lumayan banyak sekai user-user yang ingin meng-copy isi dari content yang kita miliki.
Dapat bagi 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 pun dapat menggunakan shortcut yang terdapat di keyboard yaitu ctrl + c, bagi mencegah itu seluruh kita akan menghilangkan seleksi text tersebut dengan menggunakan java script, Cara Menghilangkan Seleksi Text Di Situs Menggunakan JavaScript yaitu :
Yang pertama-tama pastikan teman-teman telah mempunyai blog yang ingin kita hilangkan seleksi text nya, atau teman-teman dapat menggunakan script yang terdapat dibawah ini bagi struktur dari websitenya selaku contoh nya, dan silahkan teman teman simpan script dibawah ini dengan nama index.html
<!doctype html>
<html>
<head>
<meta charset=utf-8>
<title>Source Code Aplikasi</title>
<link href=style.css rel=stylesheet type=text/css/>
</head>
<body>
<div class=container>
<header>
<h1>Source Code Aplikasi</h1>
</header>
<fitur>
<ul>
<li><a href=#>Home</a></li>
<li><a href=#>About Us</a></li>
</ul>
</fitur>
<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 sistem aplikasi 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 sistem aplikasi like Aldus PageMaker including versions of Lorem Ipsum.</p>
</div>
</article>
<footer>
<p>Source Code Aplikasi | © 2015</p>
</footer>
</div>
</body>
</html>
Setelah kita kita membangun file HTML nya berikutnya kita akan mengatur layout atau tampilan dari blog 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;}
fitur {background-color:#0b5a6b; overflow:hidden}
fitur a {color:#FFFFFF; text-decoration:none; padding:10px 20px; display:inline-block; transition:ease all 0.3s}
fitur a:hover {background-color:#e91e63}
fitur ul {list-style:none}
fitur 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;}Seandainya kita jalankan di browser karenanya akan terlihat hasilnya seperti dibawah ini dan text di blog yang kita bikin text nya masih dapat di seleksi.
Nah bagi menghilangkan seleksi text nya silahkan teman-teman letakan script dibawah ini di bagian <head> ….. </head> yang terdapat di 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 blog yang sebelumnya karenanya text yang terdapat di blog tersebut tak dapat seleksi atau di block, oke teman-teman demikian dulu panduan kali ini mengenai Cara Menghilangkan Seleksi Text Di Situs Menggunakan JavaScript.
Semoga bermanfaat.
Terimakasih.
Sumber https://kursuswebsite.org
