پارسا صفوی
برنامه نویس وب

آموزش جلوگیری از کپی شدن متن های وب سایت با CSS و جاوااسکریپت

چگونه جلوی کپی شدن محتوای وب سایت را بگیریم؟ چگونه از کپی شدن محتوای متنی وب سایت جلوگیری کنیم؟ یکی از دقدقه های اصلی مدیران سایت ها کپی شدن مطالبشونه برای همین هم چندین تکنیک برای جلوگیری از این مشکل بوجود آمده. یکی از ساده ترین آن ها جلوگیری از select کردن مطالب سایتشون هست که اکثر اوقات کمک می کند به جلوگیری از این کار.با چند خط کد ساده ی css می توان این کار را انجام داد:

دوره های شبکه، برنامه نویسی، مجازی سازی، امنیت، نفوذ و ... با برترین های ایران
<!DOCTYPE html>
	<html>
	<head>
		<title>ITPRO</title>
		<style>
			body{
				direction:rtl;
			}
			::-moz-selection { /* Code for Firefox */
				background-color:transparent;
			}
			::selection {
				background-color:transparent;
			}
		</style>
	</head>
	<body>
		<p>
			این یک پاراگراف است که با استفاده از تکنیک CSS قابل Select کردن نیست!!
		</p>
	</body>
</html>	

خروجی:

css unselect

در حقیقت کد بالا کاری می کند که رنگ پس زمینه ی قسمت های Select شده بی رنگ شده و دیده نشوند . برای این که واقعا از Select شدن متن ها جلو گیری کنید نیاز به کد جاوااسکریپت دارید که نمونه ای از آن را من در قسمت زیر آورده ام.

function disableselect(e){return false}

function reEnable(){return true}

//if IE4+
document.onselectstart=new Function ("return false")

//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}

توسینسو باشید.


پارسا صفوی
پارسا صفوی

برنامه نویس وب

طراح و برنامه نویس Full-Stack وب

نظرات