Eadar-ghnìomhan

Clasaichean goireis a dh’ atharraicheas mar a bhios luchd-cleachdaidh ag eadar-obrachadh le susbaint làrach-lìn.

Taghadh teacsa

Atharraich an dòigh anns a bheil an susbaint air a thaghadh nuair a bhios an neach-cleachdaidh ag eadar-obrachadh leis.

Thèid am paragraf seo a thaghadh gu tur nuair a bhriogas an neach-cleachdaidh air.

Tha giùlan taghaidh bunaiteach aig a’ pharagraf seo.

Cha ghabh am paragraf seo a thaghadh nuair a bhriogas an neach-cleachdaidh air.

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>

Tachartasan puingeachaidh

Bidh Bootstrap a’ toirt seachad .pe-noneagus .pe-autoclasaichean gus eadar-obrachaidhean eileamaid a chasg no a chur ris.

Cha ghabh briogadh air a' cheangal seo.

Faodar briogadh air a ’ cheangal seo (is e giùlan àbhaisteach a tha seo).

Chan urrainnear cliogadh air a’ cheangal seo a chionn ’s gu bheil an togalachpointer-events air a shealbhachadh bho a phàrant. Ach, tha clas aig a ’ cheangal seope-auto agus faodar briogadh air.

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>

Chan eil an .pe-noneclas (agus an pointer-eventstogalach CSS a tha e a’ suidheachadh) a’ casg ach eadar-obrachadh le puing (luchag, stoidhle, suathadh). Tha ceanglaichean agus smachdan le .pe-none, a ghnàth, fhathast cudthromach agus comasach do luchd-cleachdaidh meur-chlàr. Gus dèanamh cinnteach gu bheil iad air an neodachadh gu tur eadhon airson luchd-cleachdaidh meur-chlàr, is dòcha gum feum thu buadhan a bharrachd a chuir ris leithid tabindex="-1"(gus casg a chuir orra bho bhith a’ faighinn fòcas meur-chlàr) agus aria-disabled="true"(gus innse gu bheil iad gu h-èifeachdach ciorramach gu teicneòlasan cuideachail), agus is dòcha JavaScript a chleachdadh gu cuir stad orra gu tur bho bhith gnìomhach.

Ma ghabhas e dèanamh, is e am fuasgladh as sìmplidh:

Airson smachdan foirm, cuir am disabledfeart HTML ris.

Airson ceanglaichean, thoir air falbh am hreffeart, ga fhàgail mar acair neo-eadar-ghnìomhach no ceangal neach-àite.

Sass

Utilities API

Tha goireasan eadar-obrachaidh air an ainmeachadh anns na goireasan API againn ann an scss/_utilities.scss. Ionnsaich mar a chleachdas tu an API Utilities.

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