ویژگی Style userSelect
- صفحه قبلی unicodeBidi
- صفحه بعدی verticalAlign
- برگشت به لایه بالاتر اجزای Style HTML DOM
تعریف و استفاده
userSelect تنظیم یا بازگشتی از اینکه آیا متن یک عنصر می‌تواند انتخاب شود یا خیر.
اگر شما بر روی برخی از متن‌ها دو بار کلیک کنید، آن‌ها انتخاب/متمایز خواهند شد. این ویژگی می‌تواند برای جلوگیری از این مسئله استفاده شود.
لطفاً به:
دستورالعمل‌های CSS:ویژگی user-select
مثال
مثال 1
جلوگیری از انتخاب متن در عنصر <div>:
document.getElementById("myDiv").style.userSelect = "none";
مثال 2
مقدار ویژگی "user-select" عنصر را به دست آورید:
document.getElementById("demo").style.userSelect;
قوانین دستور زبان
بازگشتی از ویژگی userSelect:
اشیاء.style.userSelect
تنظیم ویژگی userSelect:
اشیاء.style.userSelect = "auto|none|text|all"
مقدار ویژگی
| مقدار | توضیحات |
|---|---|
| 자동 | پیش‌فرض. متن می‌تواند بر اساس تنظیمات پیش‌فرض مرورگر انتخاب شود. |
| هیچ | جلوگیری از انتخاب متن. |
| text | متن می‌تواند توسط کاربر انتخاب شود. |
| همه | برای انتخاب متن، به جای دوبار کلیک کردن، از کلیک یک بار استفاده کنید. |
جزئیات فنی
| مقدار پیش‌فرض: | 자동 |
|---|---|
| مقدار بازگشتی: | رشته‌ای که نشان می‌دهد متن یک عنصر می‌تواند انتخاب شود یا خیر. |
| نسخه CSS: | CSS3 |
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولین مرورگرهایی هستند که این ویژگی را کامل پشتیبانی می‌کنند.
نسخه اولین که از پیشوند Webkit،Moz یا O استفاده می‌کند، پس از شماره ذکر شده است.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 54.0 | 79.0 10.0 ms |
69.0 | 3.1 Webkit | 41.0 |
- صفحه قبلی unicodeBidi
- صفحه بعدی verticalAlign
- برگشت به لایه بالاتر اجزای Style HTML DOM
