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

آموزش html & css ژوئن 2014 07

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

 

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

دیدگاه ها
  • مهران گفت:

    سلام اقای برنامه نویس
    خیلی عالی بود.دنبال همچین چیزی بودم.
    مرسی ازسایت خوبت.

  • محمد اسفندیاری گفت:

    با سلام خدمت شما
    میشه یچیزی هم بگین که در همه مرورگرها پشتیبانی بشه؟؟
    ممنون

    • آقای برنامه نویس گفت:

      این کد در مرورگر های خیلی قدیمی پشتیبانی نمیشه مثل فایرفاکس 3 😀

      کد جاوا اسکریپتش هم موجوده کافیه یه سرچ کنید
      البته امکان غیر فعال کردن جاوا اسکریپت هست و کلا نمیشه جلوی کپی کردن متن را گرفت اما میشه با گذاشتن این کد ها محدودیت قائل شد

  • امیرضا باقری گفت:

    با سلام به شما
    این کلاس را به چه کدی نسبت دهم
    با تشکر از سایت خوبتوم

  • Mohammad گفت:

    سلام جالبه اما بزارين كپي كنن 🙂
    ببخشين اما يك پلاگين هست به مطلب كپي شده لينك اضافه ميكنه اون چيه
    برام ايميل كنين لطفا 🙂

  • sahar19 گفت:

    سلام شما چه شرکتی رو برای تهیه هاست پیشنهاد میکنید
    میشه راهنمایی بفرمائید
    سپاااس

  • ali گفت:

    دوست عزیر با یک select all تک شما به راحتی کپی شد .

  • شیرین گفت:

    اینو نمیدونستم
    ممنون ازتون
    اگه این بخش CSS3 و HTML5 رو بازم ادامه بدید خوب میشه
    قابلیتای جالبی داره

  • طرح چه گفت:

    هرچیزی که سمت کلاینت یا کاربر ارسال بشه قابل کپی کردن و نشر دادن هست! کاربر به راحتی میتونه کد css شما رو حذف کنه (از inspect element) و متن رو کپی کنه!!! به نظرم اطلاعاتی که نمیخواید کپی بشه رو اصلا نباید نشر بدید! 😀 موفق باشید.