HTML DOM accessKey प्रॉपर्टी: शॉर्टकट कुंजी सेट/प्राप्त करना

DOM accessKey प्रॉपर्टी

accessKey प्रॉपर्टी किसी एलिमेंट के accesskey एट्रिब्यूट को सेट या प्राप्त करती है। accesskey एट्रिब्यूट एक शॉर्टकट कुंजी (keyboard shortcut) परिभाषित करता है जो एलिमेंट को सक्रिय या फोकस करता है।

सिंटैक्स

// सेट करें
HTMLElementObject.accessKey = "character"

// प्राप्त करें
HTMLElementObject.accessKey

ब्राउज़र/OS संशोधक कुंजियाँ

उदाहरण: Chrome/Windows पर accessKey प्राप्त करना

<!DOCTYPE html>
<html>
<body>
  <a id="myLink" accesskey="g" href="https://www.google.com/">Google</a>
  <p>accessKey प्राप्त करें</p>
  <button onclick="showAccessKey()">accessKey प्रदर्शित करें</button>
  <p id="result"></p>
  <script>
    function showAccessKey() {
      var key = document.getElementById("myLink").accessKey;
      document.getElementById("result").innerHTML = "Access Key: " + key;
    }
  </script>
</body>
</html>

आउटपुट

बटन क्लिक करने पर: Access Key: g

Chrome/Windows पर Alt+G दबाने से Google लिंक सक्रिय होगा।

सर्वोत्तम अभ्यास

• अक्षर चुनें जो लेबल में दिखाई दे (उदाहरण: "Google" में G)
• दस्तावेज़ में अद्वितीय accesskey रखें
• उपयोगकर्ताओं को शॉर्टकट्स के बारे में सूचित करें (टूलटिप, हेल्प पेज)
• संख्याओं (0-9) का उपयोग करें - आसानी से याद और टाइप
• मोबाइल पर काम नहीं करता - वैकल्पिक नेविगेशन प्रदान करें

HTML में उपयोग

<button accesskey="s" onclick="save()">सहेजें (<u>S</u>)</button>
<a accesskey="h" href="/help">सहायता (<u>H</u>)</a>
<input accesskey="f" placeholder="खोज (<u>F</u>)">

नोट

accessKey प्रॉपर्टी केवल एक अक्षर स्वीकार करती है। स्पेस या मल्टी-कैरेक्टर स्ट्रिंग्स काम नहीं करते।