خاصية Style userSelect

التعريف والاستخدام

userSelect إعداد أو إرجاع ما إذا كان يمكن اختيار نص العنصر أم لا.

إذا قمت بضرب بعض النصوص مرة أخرى، سيتم اختيارها/توهجها. يمكن استخدام هذه الخاصية لمنع ذلك.

انظر أيضًا:

دليل CSSخاصية user-select

مثال

مثال 1

منع اختيار نص عناصر <div>:

document.getElementById("myDiv").style.userSelect = "none";

تجربة شخصية

مثال 2

الحصول على قيمة خاصية "user-select" للعنصر:

document.getElementById("demo").style.userSelect;

تجربة شخصية

النحو

إرجاع خاصية userSelect:

object.style.userSelect

إعداد خاصية userSelect:

object.style.userSelect = "auto|none|text|all"

قيمة الخاصية

القيمة الوصف
auto افتراضي. يمكن اختيار النص وفقًا للإعدادات الافتراضية للمتصفح.
none منع اختيار النص.
text يمكن للمستخدم اختيار النص.
all اختيار النص بالضغط مرة واحدة وليس مرتين.

تفاصيل التقنية

القيمة الافتراضية: auto
القيمة المقدمة: الخطاب، يعبر عن ما إذا كان نص العنصر يمكن اختياره أم لا.
إصدار 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