user-select ගුණය - පා text යේ තෝරාගැනීම වැළැක්වීම
user-select ගුණය පිටුවේ text ය සහ අනෙකුත් අංග තෝරාගැනීමේ හැසිරීම පාලනය කරයි.
වාක්‍ය රීතිය
cssතෝරන්නා {
user-select: none | contain | all | auto | text;
}
අගයන්
| අගය | විස්තරය |
|---|---|
none |
text ය තෝරාගත නොහැක. |
contain |
අංගය තුළ ආරම්භ වූ තෝරාගැනීම එම අංගයේ සීමාවන් ඉක්මවා නොයයි. |
all |
උපඅංගයක දී ද්විත්ව ක්ලික් කිරීමක් සිදුවුවහොත්, මෙම ගුණ අගය සමඟින් ඇති මව් අංගයේ සියලු අන්තර්ගතය තෝරාගනු ලැබේ. |
auto |
ගණනය කළ අගයකි, ස්වයංක්‍රීයව පහත පරිදි තීරණය වේ:
after සහ
before
සුළු අංග සඳහා අගය none වේ, සංස්කරණය කළ හැකි අංග සඳහා
අගය contain වේ, අංගයේ මව් අංගයේ අගය
all හෝ none නම් - එම අංගයට ද එම අගයම ඇත,
එසේ නොමැති නම් අගය text වේ.
|
text |
භාවිතා කරන්නාට අංගය තුළ text ය තෝරාගත හැක. |
පෙරනිමි අගය: text.
සටහන
සමහර අගයන් සියලු ගවේෂකවල ක්‍රියාත්මක නොවිය හැක.
උදාහරණය . none අගය
පහත text ය තෝරාගත නොහැක:
html<div id="elem">
Lorem ipsum dolor sit amet.
</div>css#elem {
user-select: none;
}
Результат:
මෙයද බලන්න
-
සුළු අංගය
selection,
තෝරාගත් text යේ විලාසයන් පාලනය කරයි -
ගුණය
pointer-events,
මූසිකයට ප්‍රතිචාරය ඉවත් කරයි