Skip to main content Skip ad navigationem soUicitudo
Check
in English

Interactiones

Utilitas classes quae mutant quomodo users penitus cum contentis in website.

Textus lectio

Mutare modum quo contentus est electus cum usura interacts cum eo.

Haec paragraphus omnino eligatur cum coniuctionem utentis.

Haec paragraphus mores selectos default habet.

Haec paragraphus selectable non erit cum coniuctionem usoris.

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>

Regula certe

Bootstrap praebet .pe-noneet .pe-autoclasses ne vel elementum interactiones add.

Haec pagina coniuctionem non potest.

Haec coniux coniuctionem pressit (hoc est habitus habitus).

Haec coniux coniuctionem non potest, quia pointer-eventsres a parente hereditaria est. Sed haec nexus genus habet pe-autoet coniuctionem potest.

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>

.pe-noneClassis (et proprietatem pointer-eventsCSS ponit) tantum prohibet interactiones cum regula (mus, stilus, tactus). .pe-noneVincula et dominia cum usoribus claviaturis sunt, ex defalta, adhuc focusable et operabilia pro claviaturis usoribus . Ut omnino neutralia sint etiam pro usoribus electronicis, addere debes ulteriora attributa sicut tabindex="-1"(ne umbilici claviaturae recipiantur) et aria-disabled="true"(ut deferat efficaciter debilitata ad technologias adiuvandas), et fortasse JavaScript ad utendum. ne omnino agerentur.

Si fieri potest, solutio simplicior est;

  • Forma enim moderatur, disabledattributum HTML adde.
  • Nexus enim, attributum remove href, ancoras non interactivas vel nexum collocativum faciens.

Sass

Utilitas API

Utilitas commercium declaratur in nostris utilitatibus API in scss/_utilities.scss. Utilitatibus uti disce API.

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