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.
<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-none
agus .pe-auto
clasaichean 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.
<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>
.pe-none
clas (agus an
pointer-events
togalach 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. Airson smachdan foirm, smaoinich air cleachdadh
disabled
HTML na à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,
),