تبلیغات
تبلیغات

جلوگیری از انتخاب و کپی متن با استفاده از CSS

احتمالا وبسایت‌هایی را دیده‌اید که مطالبی منتشر کرده‌اند و شما قصد دارید بخشی از آن را انتخاب (Select) و کپی کنید؛ اما متاسفانه نمی‌توانید این کار را انجام داده و بخش مورد نظر از متن را به‌حالت انتخاب درآورید!

انجام چنین کاری به کمک CSS ممکن است؛ فقط کافیست تا چند ویژگی را به المنت HTML مورد نظر خود اضافه کنید.

مراحل کار

ابتدا کلاس زیر را در استایل CSS خود تعریف کنید:

حالا کافیست تا به المنت مورد نظر، این کلاس را اضافه کنید. برای مثال، اگر می‌خواهید بخش مطالب سایت شما قابل انتخاب نباشد، فقط کافیست تا به المنت پدر (Parent) مربوط به متن مطالب، این کلاس را اضافه کنید؛ تا برروی تمامی المنت‌های داخل خود نیز تاثیر خود را اعمال کند.

مثالی ساده:

کانال تلگرام فول کده
آموزش جلوگیری از انتخاب و کپی متن با استفاده از CSS، آموزش غیرفعال کردن انتخاب متن در CSS، جلوگیری از کپی شدن مطالب سایت

برچسب‌ها:

تبلیغات

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

هادی اکبرزاده

[ مدیر فول کده ]

علاقه‌مند به اشتراک‌گذاری اطلاعات در هر زمینه‌ای
برنامه‌نویس فول استک

پاسخ دهید

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

نظرات ثبت شده بدون دیدگاه