အဓိကအကြောင်းအရာသို့ ကျော်သွားပါ။ စာရွက်စာတမ်းလမ်းညွှန်မှုသို့ ကျော်သွားပါ။
in English

အပြန်အလှန်တုံ့ပြန်မှုများ

ဝဘ်ဆိုဒ်တစ်ခု၏ အကြောင်းအရာများနှင့် အသုံးပြုသူများ အပြန်အလှန် တုံ့ပြန်ပုံကို ပြောင်းလဲသည့် အသုံးဝင်မှု အတန်းများ။

စာသားရွေးချယ်မှု

အသုံးပြုသူနှင့် တုံ့ပြန်သည့်အခါ အကြောင်းအရာကို ရွေးချယ်သည့်ပုံစံကို ပြောင်းလဲပါ။

အသုံးပြုသူက နှိပ်လိုက်သောအခါ ဤစာပိုဒ်ကို လုံးလုံးလျားလျား ရွေးချယ်ပါမည်။

ဤစာပိုဒ်တွင် ပုံသေရွေးချယ်ထားသော အပြုအမူများရှိသည်။

အသုံးပြုသူက နှိပ်လိုက်သောအခါ ဤစာပိုဒ်ကို ရွေးချယ်နိုင်မည်မဟုတ်ပေ။

<p class="user-select-all">This paragraph will be entirely selected when clicked by the user.</p>
<p class="user-select-auto">This paragraph has default select behavior.</p>
<p class="user-select-none">This paragraph will not be selectable when clicked by the user.</p>

ဖြစ်ရပ်များကို ညွှန်ပြသည်။

Bootstrap သည် ဒြပ်စင် အပြန်အလှန်တုံ့ပြန်မှုများကို တားဆီးရန် သို့မဟုတ် ထည့်ရန် အတန်းများကို .pe-noneပံ့ပိုး ပေးသည်။.pe-auto

ဤလင့်ခ် ကို နှိပ်၍မရပါ။

ဤလင့်ခ် ကို နှိပ်နိုင်သည် (၎င်းသည် မူရင်းအပြုအမူဖြစ်သည်)။

pointer-eventsပိုင်ဆိုင်မှုကို ၎င်း၏မိခင်ထံမှ အမွေဆက်ခံထားသော ကြောင့် ဤလင့်ခ် ကို နှိပ်၍မရပါ။ သို့သော် ဤလင့်ခ် တွင် pe-autoအတန်းတစ်ခုရှိပြီး နှိပ်နိုင်သည်။

<p><a href="#" class="pe-none" tabindex="-1" aria-disabled="true">This link</a> can not be clicked.</p>
<p><a href="#" class="pe-auto">This link</a> can be clicked (this is default behavior).</p>
<p class="pe-none"><a href="#" tabindex="-1" aria-disabled="true">This link</a> can not be clicked because the <code>pointer-events</code> property is inherited from its parent. However, <a href="#" class="pe-auto">this link</a> has a <code>pe-auto</code> class and can be clicked.</p>
.pe-noneအတန်း (နှင့် ၎င်း သတ်မှတ်ထား သည့် pointer-eventsCSS ပိုင်ဆိုင်မှု) သည် ညွှန်ပြချက် (မောက်စ်၊ စတိုင်လပ်စ်၊ ထိခြင်း) တို့နှင့်သာ အပြန်အလှန်ဆက်သွယ်မှုများကို တားဆီးပေးသည်။ လင့်ခ်များနှင့် ထိန်းချုပ်မှု .pe-noneများသည် ပုံမှန်အားဖြင့်၊ ကီးဘုတ်အသုံးပြုသူများအတွက် အာရုံစိုက်နိုင်ပြီး လုပ်ဆောင်နိုင်ဆဲဖြစ်သည်။ tabindex="-1"ကီးဘုတ်အသုံးပြုသူများအတွက်ပင် ၎င်းတို့အား လုံးလုံးလျားလျား ပျက်ပြယ်စေကြောင်း သေချာစေရန်၊ (ကီးဘုတ်အာရုံကို လက်ခံရရှိခြင်းမှ တားဆီးရန်) နှင့် aria-disabled="true"(အကူအညီပေးနည်းပညာများကို ထိထိရောက်ရောက် ပိတ်ထားသည်ဟူသောအချက်ကို ဖော်ပြရန်အတွက် ) ကဲ့သို့သော နောက်ထပ် attribute များကို သင်ထည့်သွင်းရန်လိုအပ်နိုင်သည် ၊၊ ၎င်းတို့ကို အရေးယူခြင်းမှ လုံး၀ တားဆီးထားသည်။ ဖောင်ထိန်းချုပ်မှုများအတွက်၊ ၎င်း disabledအစား HTML attribute ကိုအသုံးပြုရန် စဉ်းစားပါ။

ဆူး

အသုံးအဆောင်များ API

အပြန်အလှန်အကျိုးပြုသော utilities များကို ကျွန်ုပ်တို့၏ utilities API တွင် ကြေငြာ scss/_utilities.scssထားသည်။ utilities API ကို အသုံးပြုနည်းကို လေ့လာပါ။

    "user-select": (
      property: user-select,
      values: all auto none
    ),
    "pointer-events": (
      property: pointer-events,
      class: pe,
      values: none auto,
    ),