در برخی موارد شما متنی درون صفحه دارید که کاربر خیلی ساده میتواند آن را انتخاب و با چند کلیک کپی کند اما شما نیاز دارید تا از این عمل جلوگیری کنید ، برای اینکار اسکریپت ها و سورس های زیادی در وب منتشر شده اما بنده قصد دارم نحوه جلوگیری از انتخاب و کپی کردن متن را با CSS3 برایتان توضیح بدم. برای اینکار کافیه شما کلاس زیر را به تگ مورد نظر نسبت دهید :
|
1 2 3 4 5 6 7 8 |
.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 پشتیبانی نمیکنند کار نمیکند.
سلام اقای برنامه نویس
خیلی عالی بود.دنبال همچین چیزی بودم.
مرسی ازسایت خوبت.
با سلام خدمت شما
میشه یچیزی هم بگین که در همه مرورگرها پشتیبانی بشه؟؟
ممنون
این کد در مرورگر های خیلی قدیمی پشتیبانی نمیشه مثل فایرفاکس 3 😀
کد جاوا اسکریپتش هم موجوده کافیه یه سرچ کنید
البته امکان غیر فعال کردن جاوا اسکریپت هست و کلا نمیشه جلوی کپی کردن متن را گرفت اما میشه با گذاشتن این کد ها محدودیت قائل شد
با سلام به شما
این کلاس را به چه کدی نسبت دهم
با تشکر از سایت خوبتوم
به هر تگی که حاوی متنی است مثل تگ p که حاوی یک پاراگراف است
سلام جالبه اما بزارين كپي كنن 🙂
ببخشين اما يك پلاگين هست به مطلب كپي شده لينك اضافه ميكنه اون چيه
برام ايميل كنين لطفا 🙂
سلام شما چه شرکتی رو برای تهیه هاست پیشنهاد میکنید
میشه راهنمایی بفرمائید
سپاااس
دوست عزیر با یک select all تک شما به راحتی کپی شد .
اینو نمیدونستم
ممنون ازتون
اگه این بخش CSS3 و HTML5 رو بازم ادامه بدید خوب میشه
قابلیتای جالبی داره
چشم ، حتما …
هرچیزی که سمت کلاینت یا کاربر ارسال بشه قابل کپی کردن و نشر دادن هست! کاربر به راحتی میتونه کد css شما رو حذف کنه (از inspect element) و متن رو کپی کنه!!! به نظرم اطلاعاتی که نمیخواید کپی بشه رو اصلا نباید نشر بدید! 😀 موفق باشید.