Ñembojoaju rehegua

Umi mbo’esyry utilidad rehegua omoambuéva mba’éichapa umi puruhára oñembojoaju peteĩ página web contenido ndive.

Jehaipyre jeporavo

Emoambue mbaꞌeichaitépa ojeporavo mbaꞌekuaarã puruhára oñembojoaju jave hendive.

Ko párrafo ojeporavóta enteramente oipysóramo pe oiporúva.

Ko párrafo oguereko jepokuaa jeporavorã ñepyrũrã.

Ko párrafo ndaikatumoʼãi ojeporavo pe oiporúva ojepysóramo.

html rehegua

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

Umi mba’e ojehúva puntero-pe

Bootstrap omeꞌe .pe-noneha .pe-automboꞌepy ojoko térã omoĩve hag̃ua elemento joaju.

Ko enlace ndaikatúi ojejapo clic.

Ko joajuha ikatu ojepyso (kóva ha’e jepokuaa ñepyrũrã).

Ko joajuha ndaikatúi ojepyso pe pointer-eventsmba’ekuaarã ojehereda haguére ituvagui. Ha katu ko enlace oguereko peteĩ pe-autombo’esyry ha ikatu ojepyso.

html rehegua

<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 .pe-nonemboꞌepy (ha pointer-eventsCSS mbaꞌekuaarã omoĩva) ojoko añoite umi joaju peteĩ puntero ndive (mouse, stylus, touch). Umi joaju ha control orekóva .pe-nonehaꞌehína, por defecto, oñecentra ha ojejapokuaa gueteri umi teclado puruhárape g̃uarã. Ojeasegura hag̃ua oñeneutralisapaiteha jepe umi teclado puruhárape g̃uarã, ikatu tekotevẽ remoĩve atributo haꞌeháicha tabindex="-1"(ani hag̃ua ohupyty teclado enfoque) ha aria-disabled="true"(ombohasa hag̃ua pe hecho oñemboyke porãha hikuái umi tecnología oipytyvõvape), ha ikatu reipuru JavaScript to ojokopaite chupekuéra ani haguã ojejapo acción.

Ikatu ramo, pe solución isensíllova ha’e:

Umi control formulario rehegua, emoĩve disabledatributo HTML.

Umi joajuhápe g̃uarã, eipe’a pe hrefatributo, ejapóvo chugui peteĩ joajuha térã tenda’i ndaha’éiva interactivo.

Sass rehegua

API de Utilidades rehegua

Umi utilidad interacción rehegua ojedeclara ore utilidad API-pe ary scss/_utilities.scss. Eikuaa mba’éichapa eipurukuaa API utilidad rehegua.

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