သုံးစွဲသူ-ရွေးချယ်မှု ဂုဏ်သတ္တိ - စာသားရွေးချယ်မှုကို တားမြစ်ခြင်း
user-select ဂုဏ်သတ္တိသည်
စာမျက်နှာပေါ်ရှိ စာသားနှင့် အခြားအရာဝတ္ထုများကို ရွေးချယ်သည့် အပြုအမူကို ထိန်းချုပ်ပေးသည်။
ဝါကျဖွဲ့စည်းပုံ
selector {
user-select: none | contain | all | auto | text;
}
တန်ဖိုးများ
| တန်ဖိုး | ဖော်ပြချက် |
|---|---|
none |
စာသားကို ရွေးချယ်၍မရပါ။ |
contain |
ဒြပ်စင်အတွင်း စတင်ရွေးချယ်ပါက ထိုဒြပ်စင်၏ နယ်နိမိတ်ပြင်ပသို့ ထွက်မည်မဟုတ်ပါ။ |
all |
အတွင်းထည့်ထားသော ဒြပ်စင်တွင် နှစ်ချက်နှိပ်ပါက ဤဂုဏ်သတ္တိတန်ဖိုးရှိသည့် မိဘဒြပ်စင်၏ အကုန်လုံးကို ရွေးချယ်သွားမည်။ |
auto |
တွက်ချက်ရသော တန်ဖိုး၊ အောက်ပါအတိုင်း အလိုအလျောက် သတ်မှတ်သည်။
seudo-elements after နှင့်
before အတွက်
တန်ဖိုးသည် none ဖြစ်သည်၊ တည်းဖြတ်၍ရသော ဒြပ်စင်အတွက်
တန်ဖိုးသည် contain ဖြစ်သည်၊ အကယ်၍ မိဘဒြပ်စင်၏ တန်ဖိုးသည်
all သို့မဟုတ် none ဖြစ်ပါက - ဒြပ်စင်ကိုယ်တိုင်၏ တန်ဖိုးလည်း အလားတူဖြစ်မည်၊
မဟုတ်ပါက တန်ဖိုးသည် text ဖြစ်လိမ့်မည်။
|
text |
သုံးစွဲသူသည် ဒြပ်စင်အတွင်းရှိ စာသားကို ရွေးချယ်နိုင်သည်။ |
စံထားသည့် တန်ဖိုး။ text
မှတ်စု
တန်ဖိုးအချို့သည် ဘရောက်ဆာအားလုံးတွင် အလုပ်မလုပ်နိုင်ပါ။
နမူနာ . တန်ဖိုး none
အောက်ပါစာသားကို ရွေးချယ်၍မရပါ။
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
user-select: none;
}
:
ဆက်လက်ကြည့်ရှုရန်
-
seudo-element
selection,
အကြောင်းမှာ ၎င်းသည် ရွေးချယ်ထားသော စာသား၏ စတိုင်များကို ထိန်းချုပ်ပေးသည် -
ဂုဏ်သတ္တိ
pointer-events,
အကြောင်းမှာ ၎င်းသည် မောက်စ်၏ တုံ့ပြန်မှုကို ဖယ်ရှားပေးသည်