在 HTML 中创建激活元素的快捷键

我们可以设计一个键盘快捷键来执行某些操作，例如单击链接或按钮，以显示键盘文本。在定义元素时，我们可以使用accesskey属性为该控件元素指定键盘快捷键。

此属性必须包含至少一个可打印字符，包括可以使用键盘输入的重音/其他字符。

但是，不同的浏览器在其平台上使用不同的方式激活accesskey -

Windows Linux
Internet Explorer 
Alt + key
Alt + Shift + key
N/A
Mozilla Firefox 
Alt + Shift + key

Alt + Shift + key
Google Chrome 
Alt + key
Alt + Shift + key

Alt + key
Microsoft Edge 
Alt + key
Alt + Shift + key
N/A
Opera 15+ 
Alt + key

Alt + key
Opera 12 Shift + Esc 打开可通过 accesskey 访问的内容列表，然后按相应的键

示例

在下面的示例中，我们使用 accesskey 为元素添加快捷键。

<!DOCTYPE HTML>
<html>
<body>
   <h1>Use the Shortcut keys to access the Content</h1>
   <p>
      Press the <kbd>Alt + W</kbd> keys to navigate the following link :
   </p>
   <a href="https://www.youtube.com/" accesskey="w" target="">Open Youtube. </a>
   <p>
      Press the <kbd>Alt + Z </kbd>keys to focus on the following text field
   </p>
   Enter Your Name :
   <input type="text" name="name" accesskey="z">
   <p>
      Press the <kbd>Alt+S</kbd> keys to click the button to submit the form:
   </p>
   <input type="submit" accesskey="s" onclick="alert('Form submitted successfully.')">
</body>
</html>

在执行上述脚本后，访问键 被触发并创建了代码中提到的快捷键。

更新于：2022年9月2日

3K+ 浏览量

开启您的 职业生涯

通过完成课程获得认证

开始学习
广告