no-img
دیزاینر

جلوگیری از کپی کردن متن با CSS3


دیزاینر
مطالب ویژه
اطلاعیه های سایت

adsads
گزارش خرابی لینک
اطلاعات را وارد کنید .

ادامه مطلب

جلوگیری از کپی کردن متن با CSS3
امتیاز 5.00 ( 1 رای )
zip
تیر ۲, ۱۳۹۶

جلوگیری از کپی کردن متن با CSS3


جلوگیری از کپی کردن متن با CSS3

جلوگیری از کپی کردن متن با CSS3

در برخی موارد شما متنی درون صفحه دارید که کاربر خیلی ساده میتواند آن را انتخاب و با چند کلیک کپی کند اما شما نیاز دارید تا از این عمل جلوگیری کنید ، برای اینکار اسکریپت ها و سورس های زیادی در وب منتشر شده اما در این پست نحوه جلوگیری از انتخاب و کپی کردن متن را با CSS3 برایتان آموزش میدهیم.

برای اینکار کافیه شما کلاس زیر را به تگ مورد نظر نسبت دهید :

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

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



ads

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

Admin 183 نوشته در دیزاینر دارد . مشاهده تمام نوشته های

دیدگاه ها


دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *