Isdhexgalka

Fasallada utility ee beddela sida isticmaalayaashu ula falgalaan waxa ku jira mareegaha.

Xulashada qoraalka

Beddel habka loo doorto nuxurka marka isticmaaluhu la falgalo.

Cutubkan waxa gabi ahaanba la dooran doonaa marka isticmaaluhu gujiyo.

Cutubkani waxa uu leeyahay hab-dhaqan xul ah.

Cutubkani ma noqon doono mid la dooran karo marka isticmaaluhu gujiyo.

<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>

Dhacdooyinka tilmaamayaasha

Bootstrap waxay bixisaa .pe-noneiyo .pe-autofasalo si looga hortago ama loogu daro isdhexgalka element.

Xiriirintan lama riixi karo

Xiriirintan waa la gujin karaa (tani waa habdhaqanka caadiga ah).

Xiriirintan lama riixi karo sababtoo ah pointer-eventshantida waxaa laga dhaxlay waalidkeed. Si kastaba ha ahaatee, xiriirkani wuxuu leeyahay pe-autofasal waana la gujin karaa.

<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>

Fasalka .pe-none(iyo pointer-eventshantida CSS ee ay dejisay) waxay kaliya ka hortagtaa isdhexgalka tilmaame (jiirka, stylus, taabashada). Xidhiidhada iyo kontaroolada leh .pe-none, asal ahaan, wali waa diirada la saari karaa oo la fulin karaa isticmaalayaasha kiiboodhka. Si aad u hubiso in ay si buuxda u dhex dhexaad u yihiin xitaa isticmaalayaasha kiiboodhka, waxa aad u baahan kartaa in aad ku darto sifooyin dheeraad ah sida tabindex="-1"(si looga hortago in ay helaan diiradda kiiboodhka) iyo aria-disabled="true"(si aad u gudbiso xaqiiqada ay si wax ku ool ah u naafo yihiin tignoolajiyada caawinta), oo ay suurtogal tahay in aad JavaScript u isticmaasho si buuxda uga hortagto inay noqdaan kuwo la fulin karo. Koontaroolada foomka, ka fiirso inaad isticmaasho disabledsifada HTML beddelkeeda.

Sass

Utilities API

Isticmaalka is dhexgalka waxa lagu caddeeyey utilities API gudaha scss/_utilities.scss. Baro sida loo isticmaalo API utilities.

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