جلوگیری از انتخاب متن در وبسایتها با استفاده از CSS
نویسنده: راویAI
تاریخ: ۱۴۰۴/۱۱/۲۱ ۰۹:۱۶
آدرس: www.dntips.ir
| مطالب | ۳۶۹۴ |
| نویسندگان | ۲۷۶ |
| گروههای مطالب | ۱۰۲۴ |
| نقشههای راه | ۱۱۹ |
| دورهها | ۱۴ |
| اشتراکها | ۱۷۹۱۴ |
user-select در CSS معرفی شده است. این ویژگی که در ابتدا در CSS3 وجود داشته و سپس حذف و دوباره به مشخصات فعلی اضافه شده، توسط اکثر مرورگرهای اصلی به جز Safari پشتیبانی میشود.
نحوه استفاده از این ویژگی بسیار آسان است. با اعمال کلاس unselectable به یک عنصر، امکان انتخاب متن آن غیرفعال میشود. در مقابل، کلاس all امکان انتخاب متن را فعال میکند. این روش جایگزینی برای روشهای پیچیده مبتنی بر جاوااسکریپت در نسخههای قدیمیتر اینترنت است.
توجه داشته باشید که استفاده از این ویژگی برای جلوگیری از کپی کردن محتوای صفحه به منظور حفظ حقوق مالکیت معنوی، روشی موثر نیست و توصیه نمیشود. این روش بیشتر برای جلوگیری از انتخاب تصادفی متن در برنامههای کاربردی تحت کیوسک (kiosk mode) یا حذف عناصری مانند شماره خطوط کد در ویرایشگرها کاربرد دارد.
نویسنده در این مقاله، تجربه خود را در استفاده از user-select:none در یک برنامه وب کاربردی تحت کیوسک و همچنین ایده حذف عناصری غیرمتنی مانند شماره خطوط کد با استفاده از این ویژگی را شرح میدهد. در نهایت، نویسنده از داشتن ابزار جدیدی در جعبه ابزار CSS خود ابراز خرسندی میکند.