Ñ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.
<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-none
ha .pe-auto
mboꞌ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-events
mba’ekuaarã ojehereda haguére ituvagui. Ha katu ko enlace oguereko peteĩ pe-auto
mbo’esyry ha ikatu ojepyso.
<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-none
mboꞌepy (ha pointer-events
CSS mbaꞌekuaarã omoĩva) ojoko añoite umi joaju peteĩ puntero ndive (mouse, stylus, touch). Umi joaju ha control orekóva .pe-none
haꞌ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ẽ emoĩve atributo haꞌeháicha tabindex="-1"
(ani hag̃ua ohupyty teclado enfoque) haaria-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 hag̃ua ojejapo acción.
Ikatu ramo, pe solución isensíllova ha’e:
- Umi control formulario rehegua, emoĩve
disabled
atributo HTML.
- Umi joajuhápe g̃uarã, eipe’a pe
href
atributo, 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,
),