Tlolela go diteng tše kgolo Tlolela go docs navigation
in English

Ditirišano

Diklase tša mohola tšeo di fetošago ka moo badiriši ba dirišanago ka gona le dikagare tša weposaete.

Kgetho ya sengwalwa

Fetoša tsela yeo diteng di kgethilwego ka yona ge modiriši a dirišana le yona.

Temana ye e tla kgethwa ka botlalo ge e kgotla ke modiriši.

Temana ye e na le boitshwaro bja go kgetha bja go se fetoge.

Temana ye e ka se kgethelwe ge e kgotla ke modiriši.

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

Ditiragalo tša tšhupetšo

Bootstrap e fana ka .pe-nonele .pe-autodiklase go thibela goba go oketša ditirišano tša elemente.

Kgokagano ye e ka se kgotlelwe.

Kgokagano ye e ka kgotla (se ke boitshwaro bja go se fetoge).

Kgokagano ye e ka se kgotle ka gobane pointer-eventsthoto e abetšwe go tšwa go motswadi wa yona. Le ge go le bjalo, kgokagano ye e na le pe-autosehlopha gomme e ka kgotla.

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

Sehlopha .pe-none(le pointer-eventsthepa ya CSS yeo e e beago) e thibela fela ditirišano ka tšhupetšo (toeba, setaele, go kgoma). Dikgokagano le ditaolo le .pe-noneke, ka default, ntse tsepamisa maikutlo le actionable bakeng sa basebedisi ba khiboto. Go netefatša gore di senyegetšwe ka botlalo gaešita le go badiriši ba khiiboto, o ka swanelwa ke go oketša dika tše dingwe tša go swana le tabindex="-1"(go ba thibela go amogela go tsepamiša kgopolo ga khiiboto) le aria-disabled="true"(go fetišetša taba ya gore ba golofetše ka mo go atlegilego go theknolotši ya go thuša), gomme mo gongwe o diriše JavaScript go ba thibela ka mo go feletšego gore ba se ke ba tšea kgato.

Ge e ba go kgonega, tharollo e bonolo ke:

  • Bakeng sa ditaolo tša foromo, oketša disabledseka sa HTML.
  • Bakeng sa dikgokagano, tloša hrefseka, o se dire gore e be ankora yeo e sego ya tirišano goba kgokagano ya seswaro sa lefelo.

Sass

API ya Didirišwa

Didirišwa tša tirišano di tsebagaditšwe ka go API ya rena ya didirišwa ka scss/_utilities.scss. Ithute kamoo o ka dirišago API ya didirišwa.

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