【HTML】全局属性：accesskey

accesskey 是 html 标签里的全局属性。

全局属性（global attribute）用来配置所有元素共有的行为。全局属性可以用在任何一个元素身上，不过这不一定会带来有意义或者有用的行为改变。

accesskey 属性可以设定一个或者几个用来选择页面上的元素的快捷键。

但不同操作系统里的操作会有所不同。

HTML 代码

<form action="">	<input type="text" name="name" accesskey="n">	<input type="password" name="pwd" accesskey="p"></form>

上面的代码设置里 2 个输入框。

第一个输入框设置了 accesskey="n"

第二个输入框设置了 accesskey="p"

在 Windows 系统的 Chrome 浏览器中，同时按下 Alt键 和 accesskey 属性设置的键，就能快速选择到对应的元素。

在 Mac 系统 Chrome 浏览器中，同时按下 control键 加 option键 加 accesskey 属性设置的键，也能快速选择到对应的元素。

我在疯狂使用快捷键

除了表单元素能使用 accesskey 之外，其他元素也可以使用的。

比如 <a> 标签。

<a> 标签使用了 accesskey 后，通过快捷键能直接打开新窗口并跳转到指定链接。

<a href="https://xie.infoq.cn" accesskey="i">InfoQ写作平台</a>

如果页面放了上面的代码，使用 alt + i 就新建一个窗口，并跳转到 InfoQ写作平台首页。

以上设置是对熟悉使用浏览器快捷键的用户有一定的帮助。所以开发者设置快捷键的时候，要注意(照顾)现在用户使用快捷键的习惯。

最后贴一份 accesskey 属性规定激活（使元素获得焦点）元素的快捷键（数据来源于菜鸟教程）。

除了需要注意操作系统，还需要注意浏览器。