သုံးစွဲသူ-ရွေးချယ်မှု ဂုဏ်သတ္တိ - စာသားရွေးချယ်မှုကို တားမြစ်ခြင်း

user-select ဂုဏ်သတ္တိသည် စာမျက်နှာပေါ်ရှိ စာသားနှင့် အခြားအရာဝတ္ထုများကို ရွေးချယ်သည့် အပြုအမူကို ထိန်းချုပ်ပေးသည်။

ဝါကျဖွဲ့စည်းပုံ

cssselector {
  user-select: none | contain | all | auto | text;
}

တန်ဖိုးများ

တန်ဖိုး	ဖော်ပြချက်
`none`	စာသားကို ရွေးချယ်၍မရပါ။
`contain`	ဒြပ်စင်အတွင်း စတင်ရွေးချယ်ပါက ထိုဒြပ်စင်၏ နယ်နိမိတ်ပြင်ပသို့ ထွက်မည်မဟုတ်ပါ။
`all`	အတွင်းထည့်ထားသော ဒြပ်စင်တွင် နှစ်ချက်နှိပ်ပါက ဤဂုဏ်သတ္တိတန်ဖိုးရှိသည့် မိဘဒြပ်စင်၏ အကုန်လုံးကို ရွေးချယ်သွားမည်။
`auto`	တွက်ချက်ရသော တန်ဖိုး၊ အောက်ပါအတိုင်း အလိုအလျောက် သတ်မှတ်သည်။ seudo-elements `after` နှင့် `before` အတွက် တန်ဖိုးသည် `none` ဖြစ်သည်၊ တည်းဖြတ်၍ရသော ဒြပ်စင်အတွက် တန်ဖိုးသည် `contain` ဖြစ်သည်၊ အကယ်၍ မိဘဒြပ်စင်၏ တန်ဖိုးသည် `all` သို့မဟုတ် `none` ဖြစ်ပါက - ဒြပ်စင်ကိုယ်တိုင်၏ တန်ဖိုးလည်း အလားတူဖြစ်မည်၊ မဟုတ်ပါက တန်ဖိုးသည် `text` ဖြစ်လိမ့်မည်။
`text`	သုံးစွဲသူသည် ဒြပ်စင်အတွင်းရှိ စာသားကို ရွေးချယ်နိုင်သည်။

စံထားသည့် တန်ဖိုး။ text

မှတ်စု

တန်ဖိုးအချို့သည် ဘရောက်ဆာအားလုံးတွင် အလုပ်မလုပ်နိုင်ပါ။

နမူနာ . တန်ဖိုး none

အောက်ပါစာသားကို ရွေးချယ်၍မရပါ။

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  user-select: none;
}

Результат:

ဆက်လက်ကြည့်ရှုရန်

seudo-element selection,
အကြောင်းမှာ ၎င်းသည် ရွေးချယ်ထားသော စာသား၏ စတိုင်များကို ထိန်းချုပ်ပေးသည်
ဂုဏ်သတ္တိ pointer-events,
အကြောင်းမှာ ၎င်းသည် မောက်စ်၏ တုံ့ပြန်မှုကို ဖယ်ရှားပေးသည်