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

همیشه یکی از سوالاتی که ازم میشه , چه توسط دانشجویان و چه به صورت ایمیلی , این است که چگونه از کپی مطالب سایت خودمان توسط دیگران در امان بمانیم …

در این پست از سایت اسکریپت دات کام , میخوام آموزشی در این باره را منتشر کنم که امیدوارم مورد پسند شما بازدیدکننده گان عزیز قرار گیرد .

اول از همه باید بگم که تمام روش هایی که در زیر گفته میشود , به دلیل Client Side بودن کد ها ( تفسیر توسط مرورگر ) قابل دور زدن خواهد بود . اما سعی کردم 3 روش رو که دوتای آن جاوا اسکریپت و یکی دیگر css میباشد را آموزش دهم تا کار را تا حد امکان برای شخص کپی کننده سخت کند.

و اما آموزش :

جهت جلوگیری از راست کلیک بر روی وب سایت خود , کد جاوا اسکریپت زیر را در وب سایت خود قرار دهید . ( در داخل تگ head بهتر است ) :

<script>
function disableselect(e){
	return false
}
function reEnable(){
	return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
	document.onmousedown=disableselect
	document.onclick=reEnable
}
</script>

جهت جلوگیری از انتخاب متن های وب سایت , کد جاوا اسکریپت زیر را در وب سایت خود قرار دهید . ( در داخل تگ head بهتر است ) :

<script>
function clickIE4(){
	if (event.button==2){
		return false;
	}
}
function clickNS4(e){
	if (document.layers||document.getElementById&&!document.all){
		if (e.which==2||e.which==3){
			return false;
		}
	}
}
if (document.layers){
	document.captureEvents(Event.MOUSEDOWN);
	document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
	document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("return false")
</script>

حتما علاوه بر کد جاوا اسکربپت بالا , کد css زیر را هم جهت جلوگیری از انتخاب متن در وب سایت خود قرار دهید . ( کد های زیر همان طور که در زیر مشخص شده , باید به تگ body داده شوند )

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

نکته بسیار مهم :‌ کاربران با خاموش کردن اجرا جاوا اسکریپت در مرورگر , باعث از بین بردن دو قطعه کد اول میشوند . پس حتما کد css ای که در بالا گفته شد را در وب سایت خود قرار دهید , تا باز هم یک چالش دیگر پیش روی کاربران وب سایت خود قرار دهید . چون فهمیدن اینکه از کد css استفاده شده کمی سخت تر است . به این دلیل که اکثریت فکر میکنند که فقط جاوا اسکریپت این کار را انجام میدهد .

پخش اختصاصی

گردآوری و آموزش :‌ وحید مجیدی