简述下HTML的快捷键属性是哪个?并举例说明有什么用?

简述下HTML的快捷键属性是哪个?并举例说明有什么用?,第1张

简述下HTML的快捷键属性是哪个?并举例说明有什么用?

accesskey
属性目前是
h5
标准中的一个全局快捷键访问属性,通过在任意元素上注入
accesskey
属性值,在浏览器中触发相应的快捷键,即可实现对相应元素的
focus
click

<a href="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes/accesskey" target="_blank" accesskey="x">快捷键x:accesskey</a><div accesskey="z" onclick="this.style.color = 'red';">快捷键z:变红</div>

demo

参考文档:

  1. MDN
  2. HTML accesskey属性与web自定义键盘快捷访问 « 张鑫旭-鑫空间-鑫生活

推荐看下张鑫旭的那篇文章,文章中提出对

accesskey
属性的可用性优化的思考很值得借鉴。

建议把快捷键写成 ALT+accesskey,
也就是说你的demo里面是 ALT+Z、ALT+X

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/4911800.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-11-12
下一篇 2022-11-12

发表评论

登录后才能评论

评论列表(0条)

保存