Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[html] 第80天 简述下HTML的快捷键属性是哪个?并举例说明有什么用? #572

Open
haizhilin2013 opened this issue Jul 4, 2019 · 7 comments
Labels
html html

Comments

@haizhilin2013
Copy link
Collaborator

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

@haizhilin2013 haizhilin2013 added the html html label Jul 4, 2019
@dondonZh
Copy link

dondonZh commented Jul 5, 2019

accesskey windows按下ALT+ 特定键 会跳转的特定位置 mac是CTRL

@DBTXf
Copy link

DBTXf commented Jul 5, 2019

HTML

<a href="http://www.baidu.com" accesskey="h">HTML</a><br />

ALT+h => 会访问百度

@xxf1996
Copy link

xxf1996 commented Jul 5, 2019

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

<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属性的可用性优化的思考很值得借鉴。

@shuai4983958
Copy link

html中的快捷键属性accessKey,可以注入到任意的元素中,通过快捷键触发对应元素的绑定事件。
通常我们在使用的过程中用引入一个辅助类的accessKey.js来兼容不同的平台系统和浏览器

推荐楼上推荐的张鑫旭的那篇文章

@xiangshuo1992
Copy link
Contributor

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

<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

@seho-dev
Copy link

对于用户量居多的网站web应用,无障碍非常重要,accesskey我之前没听过,看了你们的回答我补充了这方面的知识,h5中,accesskey可以注入到任何的元素中,h4是不行的,这也推动了无障碍的发展,
赞一个

@smile-2008
Copy link

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

<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属性的可用性优化的思考很值得借鉴。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
html html
Projects
None yet
Development

No branches or pull requests

8 participants