बातचीत के बात होला

पाठ के चयन कइल जाला

जब प्रयोगकर्ता ओकरा से बातचीत करे ला तब सामग्री के चयन करे के तरीका बदलीं।

<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क्लास (आ ई सेट करे वाला CSS pointer-eventsप्रॉपर्टी) खाली पॉइंटर (माउस, स्टाइलस, टच) के साथ इंटरैक्शन के रोके ला। के साथ लिंक आ नियंत्रण .pe-none, डिफ़ॉल्ट रूप से, कीबोर्ड प्रयोगकर्ता लोग खातिर अबहिन ले फोकस करे लायक आ कार्रवाई करे लायक बाड़ें। ई सुनिश्चित करे खातिर कि ई कीबोर्ड प्रयोगकर्ता लोग खातिर भी पूरा तरीका से बेअसर होखे, रउआँ के अउरी बिसेसता सभ के जोड़े के जरूरत पड़ सके ला जइसे कि tabindex="-1"(कीबोर्ड फोकस पावे से रोके खातिर) आ aria-disabled="true"(सहायक टेक्नोलॉजी सभ के एह तथ्य के बतावे खातिर कि ई लोग प्रभावी तरीका से अक्षम बा), आ संभवतः जावास्क्रिप्ट के इस्तेमाल करे खातिर पूरा तरह से ओह लोग के कार्रवाई करे लायक होखे से रोकत बा.

अगर संभव होखे त एकर सरल समाधान बा:

• फॉर्म कंट्रोल खातिर, disabledएचटीएमएल एट्रिब्यूट जोड़ल जाला।

• लिंक खातिर, एट्रिब्यूट के हटाईं href, एकरा के गैर-इंटरएक्टिव एंकर भा प्लेसहोल्डर लिंक बना दीं।

ससस के बा

उपयोगिता एपीआई के बा

इंटरैक्शन यूटिलिटीज के हमनी के यूटिलिटीज एपीआई में घोषित कइल गइल बा scss/_utilities.scss. उपयोगिता एपीआई के इस्तेमाल करे के तरीका जानें।

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