Kuyanjana

Makalasi othandizira omwe amasintha momwe ogwiritsa ntchito amalumikizirana ndi zomwe zili patsamba.

Kusankha malemba

Sinthani momwe zomwe zilirizo zimasankhidwa pamene wogwiritsa ntchito akugwirizana nazo.

Ndime iyi idzasankhidwa kwathunthu mukadina ndi wogwiritsa ntchito.

Ndime iyi ili ndi khalidwe losankhira.

Ndime iyi siikhoza kusankhidwa mukadina ndi wogwiritsa ntchito.

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>

Zochitika za pointer

Bootstrap imapereka .pe-nonendi .pe-automakalasi oletsa kapena kuwonjezera kuyanjana kwazinthu.

Ulalowu sungathe kudina.

Ulalo uwu ukhoza kudina (ichi ndi khalidwe losakhazikika).

Ulalowu sungathe kudina chifukwa pointer-eventskatunduyo adatengera makolo ake. Komabe, ulalowu uli ndi pe-autokalasi ndipo ukhoza kudina.

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>

Kalasi .pe-none(ndi katundu wa pointer-eventsCSS yomwe imayika) imalepheretsa kuyanjana ndi cholozera (mbewa, cholembera, kukhudza). Maulalo ndi maulamuliro omwe .pe-noneali, mwachisawawa, akadali owoneka bwino komanso otheka kwa ogwiritsa ntchito kiyibodi. Kuwonetsetsa kuti sakhala opanda mphamvu ngakhale kwa ogwiritsa ntchito kiyibodi, mungafunike kuwonjezera zina monga tabindex="-1"(kuwaletsa kuti asalandire chidwi cha kiyibodi) ndi aria-disabled="true"(kuti awonetsetse kuti ali olemala kuukadaulo wothandizira), komanso kugwiritsa ntchito JavaScript kuwaletsa kwathunthu kuchitapo kanthu.

Ngati n'kotheka, njira yosavuta ndiyo:

Kuti muwongolere mawonekedwe, onjezani mawonekedwe a disabledHTML.

Pa maulalo, chotsani mawonekedwe href, kuwapanga kukhala nangula wosagwiritsa ntchito kapena ulalo wogwirizira.

Sass

Utilities API

Zogwiritsa ntchito zimalengezedwa muzothandizira zathu API mu scss/_utilities.scss. Phunzirani momwe mungagwiritsire ntchito API.

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