परस्पर क्रिया करप

मजकूर निवडप

वापरपी ताचे कडेन संवाद सादता तेन्ना सामुग्री निवडपाची पद्दत बदलात.

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

पॉयंटर घडणुको

बूटस्ट्रॅप घटक परस्पर क्रिया आडावपाक वा जोडपाक पुरवण करता .pe-noneआनी वर्ग करता..pe-auto

<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वर्ग (आनी तो सेट करता तो pointer-eventsCSS गुणधर्म) फकत पॉयंटर (माऊस, स्टायलस, स्पर्श) कडेन संवाद आडायता. कडेन आशिल्ले दुवे आनी नियंत्रण .pe-none, पूर्वनिर्धारीतपणान, कीबोर्ड वापरप्यां खातीर अजूनय केंद्रीत आनी कृती करपाक योग्य आसात. कीबोर्ड वापरप्यां खातीर लेगीत ते पुरायपणान निश्क्रीय केल्यात हाची खात्री करपाक, तुमकां आनीक गुणधर्म जोडचे पडूं येतात जशे की tabindex="-1"(तांकां कीबोर्ड फोकस मेळोवपाक आडावपाक) आनी aria-disabled="true"(सहाय्यक तंत्रज्ञानांक ते प्रभावीपणान अक्षम केल्यात हें तथ्य सांगपाक), आनी घडये जावास्क्रिप्ट वापरपाक तांकां कृती करपाक पुरायपणान आडावप.

शक्य जाल्यार ताचो सोपो उपाय असो आसा:

• फॉर्म नियंत्रणांखातीर, disabledHTML गुणधर्म जोडात.

• दुव्यांखातीर, hrefगुणधर्म काडून उडोवचें, ताका एक बिगर-परस्पर एंकर वा प्लेसहोल्डर दुवो करात.

सास

उपयुक्तताय एपीआय

परस्पर संवाद उपयुक्तताय आमच्या उपयुक्तताय एपीआयंत जाहीर केल्यात scss/_utilities.scss. उपयुक्तताय एपीआय कसो वापरचो तें शिकात.

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