Isdhexgalka

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

Xulashada qoraalka

Beddel habka loo doorto nuxurka marka isticmaaluhu la falgalo.

Cutubkan waxa gabi ahaanba la dooran doona marka isticmaaluhu riixo.

Cutubkani waxa uu leeyahay hab-dhaqan xul ah.

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

html

<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 dhexgalka element.

Xiriirintan lama riixi karo

Xidhiidhkan waa la gujin karaa (tani waa habdhaqan aan caadi ahayn).

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.

html

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

Haddii ay suurtagal tahay, xalka ugu fudud waa:

Koontaroolada foomka, ku dar disabledsifada HTML.

Xidhiidhiyayaasha, ka saar hrefsifada, oo ka dhigaysa barroosin aan dhexgal ahayn ama xidhiidhiye meeleeyaha.

Sass

Utilities API

Utilities 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,
    ),