accesskey快捷键的使用方法

最新推荐文章于 2024-04-26 15:24:47 发布

原创最新推荐文章于 2024-04-26 15:24:47 发布 · 3.5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#浏览器 #attributes #keyboard #xhtml #safari #firefox

浏览器开发专栏收录该内容

18 篇文章

订阅专栏

本文详细介绍了HTML中accesskey属性的用途及在不同浏览器中的使用方法，并通过实例展示了如何为超链接和输入控件设置快捷键。

键盘属性 (Keyboard Attributes)

属性	值	描述
accesskey	character	设置访问元素的键盘快捷键。

用法：

1.快速访问超链接

2.焦点可聚焦的控件，如输入控件等

示例

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test</title> </head> <mce:style></mce:style><style mce_bogus="1"></style> <body> <div><a href="http://www.ucweb.com" mce_href="http://www.ucweb.com" accesskey="u">(按住Alt键)点击键盘上的u按钮，再按回车(IE)就可以直接链接到www.ucweb.com</a></div> <br/> <div><a href="http://www.baidu.com" mce_href="http://www.baidu.com" accesskey="i">(按住Alt键)点击键盘上的i按钮，再按回车(IE)就可以直接链接到www.baidu.com</a></div> 按住Alt键)点击键盘上的l按钮，再按回车(IE)就焦点输入控件 <input type="text" name="textfield" accesskey="l"/> </body> </html>

各种浏览器下accesskey快捷键的使用方法

IE浏览器

按住Alt键，点击accesskey定义的快捷键(实际上是焦点将移动到链接)，再按回车

FireFox浏览器

按住Alt+Shift键，点击accesskey定义的快捷键

Chrome浏览器

按住Alt键，点击accesskey定义的快捷键(7.0.517.44版不支持，据说beta版支持，这个我也没有验证！)

Opera浏览器

按住Shit键，点击esc,出现本页定义的accesskey快捷键列表，鼠标选择之

Safari浏览器

按住Alt键，点击accesskey定义的快捷键