ویژه جلوگیری از انتخاب متن ها(CSS)

[Yazdan 1,703]

سلام دوستان

 

شاید تابحال با کدهای حاوا انتخاب متن در سایت توسط بازدیدکنندگان رو مسدود میکردین که با خاموش کردن جاوا و ... این محدودیت رو دور میزدن.

حالا اینکار رو توسط تعریف CSS انجام میدیم. کلاس زیر رو در فایل css سایتتون یا در تگ style قرار بدین و در محلی مناسب مثل body فراخوانی کنید.

 

 

.disable_Select {-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none; }

 

 

نکته : این روش نیز قابل دور زدن می باشد اما دارای امنیت کاملا بهتری در برابر کدهای جاوا هستش.

 

موفق باشد.

[laruz 983]

ولی من عاشق inspect هستمteethteeth

[Yazdan 1,703]

دقیقا!

این کلاس اگر خوب کد و جایگذاری و فراخوانی بشه براحتی توسط inspect پیدا نمیشه!

[Mohsen_Nirouzad 538]

براتون کار رو راحت تر کردم!

( مینیفای شده - در فایل جدا - آپلود شده - در کد آماده ) !

اینو توی قسمت head اچ تی ام ال تون وارد کنید:

 

 

<link rel="stylesheet" type="text/css" href="https://go.20script.ir/index.php?url= لینک ها تنها برای اعضای سایت قابل نمایش است.  ">

 

 

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

 

 

<link hreflang="en" role="stylesheet" media="all" rel="stylesheet" type="text/css" href="https://go.20script.ir/index.php?url= لینک ها تنها برای اعضای سایت قابل نمایش است.  ">

 

 

[Yazdan 1,703]

با تشکر

 

لینک از آپلود سنتر پایدار بیست اسکریپت

 

<link rel="stylesheet" type="text/css" href="https://go.20script.ir/index.php?url= لینک ها تنها برای اعضای سایت قابل نمایش است.  ">

 

[Mohsen_Nirouzad 538]

دوستان این رو هم به کدتون اضافه کنید:

 

 

-khtml-user-select: none;

 

 

یعنی نهایتا اینجوری بشه:

 

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

 

 

دقت کنید که حتما کلاس رو در متن غیرقابل انتخاب وارد کنید مثل:

 

 

 

<p> Selectable text.</p><p class="noselect"> Unselectable text.</p>