如何將訪問密鑰附加到 HTML 元素

Question

我嘗試使用accesskey屬性，但它要求用戶使用鍵組合，但我想使用單個鍵來訪問元素。 我試圖在 web 上搜索它我找不到任何東西。

Answer 1

你可以在 Javascript 的幫助下做到這一點，但你真的不應該因為本機可用的訪問鍵需要一個修飾符，這是有充分理由的。

請注意，這實際上不允許將分配給 accesskeys 的鍵用於訪問這些元素以外的任何內容（例如，您不能再在輸入中鍵入這些字母），這就是為什么這不是一個可接受的解決方案。

我只是展示它來展示一般的技術方法。

 document.addEventListener('keypress', function(event) { const target = document.querySelector(`[data-accesskey=${event.key.toLowerCase()}]`); if (target) { target.focus(); event.preventDefault(); } })

 <input type="text" data-accesskey="n" placeholder="Press n to focus this field" /> <button type="button" data-accesskey="p">Press p to focus this button</button>