适用于谷歌和 Edge 浏览器的快捷键解决方案
|
|
|
|
bootstrap 是 twitter 出品的一个非常好的 css 框架,全球有无数的网站使用了他。
他的 modal 对话框组件有个键盘访问的 bug 就是按 TAB 键可以离开对话框内部。
我查看源代码发现原因是因为他使用了 focusin 事件。但是一般情况下,我们的对话框代码都是在html 文档的末尾,那么也就意味着按 TAB 键切换到对话框最后一个焦点元素之后,继续按 TAB 键,就会离开网页控件而进入地址栏区域。
解决的办法其实也很简单,就是在 body 元素内部的末尾插入一个具有 tabindex 属性的元素即可。
具体的做法就是在 modal的 shown 事件里插入这个元素,在 hidden 事件里销毁这个元素,或者如果考虑对话框需要多次弹出的话,就直接把这个元素的 tabindex 属性删除。
当然,这个元素不需要被看到,那么就用 .sr-only 让他只对读屏软件有效好了。
示例代码如下:
今天(2020-09-03)终于通过了微软 Edge 商店的审核。
亲亲,您好!我是杨永全,欢迎您使用我写的阿里巴巴云客服工作台无障碍优化系列插件。 这可能是有史以来最好用的阿里巴巴云客服工作台插件了。 前几天,我给我老婆的工作台装了这款插件。 结果,我老婆说用这个插件上班,工作效率提高了一倍还多。她还说我写的插件就是好用。…… 所以,我一高兴,就决定公开发出来,让需要的朋友也有机会用上。
快捷键是指按键或按键组合,可提供另一种方式来执行通常使用鼠标执行的操作。下面是 新版 Microsoft Edge 的快捷键列表 适用于 Windows 10 的 Microsoft Edge 按键 执行的操作 Ctrl + D 将当前网页另存为收藏夹 Ctrl + E 在地址栏中打开搜索查询 Ctrl + F 在页面上查找 Ctrl + G 跳转到“查找栏”搜索结果中的下一个匹配项 Ctrl + H 在新标签页中打开“历史记录”(Web UI) Ctrl + J 在新标签页中打开“下载”(Web UI) Ctrl + L 选择地址栏中的 URL 以进行编辑 Ctrl + M 将当前标签页设为静音(切换) Ctrl + N 打开新窗口 Ctrl + O 在 Microsoft Edge 中打开计算机中的文件 Ctrl + P 打印当前页 Ctrl + R 重新加载当前页 Ctrl + S 保存当前页 Ctrl + Shift + B 显示或隐藏收藏夹栏 Ctrl + Shift + D 在新文件夹中将所有打开的标签页另存为收藏夹 Ctrl + Shift + G 跳转到“查找栏”搜索结果中的上一个匹配项 Ctrl + Shift + I 打开开发人员工具 Ctrl + Shift + L 粘贴并搜索或粘贴并访问(如果它是 URL) Ctrl + Shift + M 以其他用户身份登录或以来宾身份浏览 Ctrl + Shift + N 打开新的 InPrivate 窗口 Ctrl + Shift + O 打开收藏夹管理 Ctrl + Shift + P 使用系统对话框打印 Ctrl + Shift + R 重新加载当前页,忽略缓存的内容 Ctrl + Shift + T 重新打开上一个关闭的标签页并切换到该标签页 Ctrl + Shift + V 不带格式粘贴 Ctrl + Shift + W 关闭当前窗口 Ctrl + T 打开新标签页并切换到该标签页 Ctrl + U 查看源 Ctrl + W 关闭当前标签页 Ctrl + 0(零) 重置缩放级别 Ctrl + 1、2...8 切换到特定标签页 Ctrl + 9 切换到最后一个标签页 Ctrl + Enter 将 www. 和 .com 分别添加到在地址栏中键入的文本的开头和末尾 Ctrl + Shift + Delete 打开清除浏览数据选项 Ctrl + Tab 切换到下一个标签页 Ctrl + Shift + Tab 切换到上一个标签页 Ctrl + 加号 (+) 放大 Ctrl + 减号 (-) 缩小 Ctrl + \ (在 PDF 中)在“根据页面调整”与“根据宽度调整”之间切换 PDF Ctrl + [ (在 PDF 中)将 PDF 逆时针旋转 90 度* Ctrl + ] (在 PDF 中)将 PDF 顺时针旋转 90 度* Ctrl + PgDn 切换到下一个标签页 Ctrl + PgUp 切换到上一个标签页 Alt 将焦点放在“设置及更多...”按钮上 Alt + Shift + B 将焦点放在收藏夹栏中的第一项上 Alt + D 选择地址栏中的 URL 以进行编辑 Alt + E 打开“设置及更多...”菜单 Alt + F 打开“设置及更多...”菜单 Alt + Shift + I 打开“发送反馈”对话框 Alt + Shift + T 将焦点放在工具栏中的第一项上 Alt + 向左键 返回 Alt + 向右键 前进 Alt + Home 在当前标签页中打开主页 Alt + F4 关闭当前窗口 F1 打开帮助 F3 在页面上查找 F4 选择地址栏中的 URL Ctrl + F4 关闭当前标签页 F5 重新加载当前页 Shift + F5 重新加载当前页,忽略缓存的内容 F6 将焦点切换到下一个窗格 Shift + F6 将焦点切换到上一个窗格 F7 打开或关闭插入光标浏览 F10 将焦点放在“设置及更多...”按钮上 F10 + Enter 打开“设置及更多...”菜单 Shift + F10 打开上下文菜单 F11 进入全屏(切换) F12 打开开发人员工具 Esc 停止加载页面;关闭对话框或弹出窗口 空格键 向下滚动网页,一次滚动一个屏幕 Shift + 空格键 向上滚动网页,一次滚动一个屏幕 PgDn 向下滚动网页,一次滚动一个屏幕 PgUp 向上滚动网页,一次滚动一个屏幕 Home 转到页面顶部,将键盘焦点移动到窗格的第一项 End 转到页面底部,将键盘焦点移动到窗格的最后一项 Tab 转到下一个制表位 Shift + Tab 转到上一个制表位
了解各种键盘快捷键,成为 Chrome 达人。
操作 快捷键 打开新窗口 Ctrl + n 在无痕模式下打开新窗口 Ctrl + Shift + n 打开新的标签页,并跳转到该标签页 Ctrl + t 按标签页的关闭顺序重新打开先前关闭的标签页 Ctrl + Shift + t 跳转到下一个打开的标签页 Ctrl + Tab 或 Ctrl + PgDn 跳转到上一个打开的标签页 Ctrl + Shift + Tab 或 Ctrl + PgUp 跳转到特定标签页 Ctrl + 1 到 Ctrl + 8 跳转到最右侧的那个标签页 Ctrl + 9 在当前标签页中打开主页 Alt + Home 打开当前标签页浏览记录中记录的上一个页面 Alt + 向左箭头键 打开当前标签页浏览记录中记录的下一个页面 Alt + 向右箭头键 关闭当前标签页 Ctrl + w 或 Ctrl + F4 关闭当前窗口 Ctrl + Shift + w 或 Alt + F4 最小化当前窗口 Alt + 空格键,然后按 n 键 最大化当前窗口 Alt + 空格键,然后按 x 键 退出 Google Chrome Alt + f,然后按 x 键
|
|
有句话说 php 是最好的编程语言。虽然有些夸张,但是,php 的确是一门很好的语言。 他有多重用途,世界上太多的网站使用 php 语言制作而成。除了做网站,他还可以作为脚本语言使用,帮助我们解决日常工作中的各种问题。 还有一点,作为入门语言, php 是非常好的,他有类似c和c++的语法特点,对于培养编程兴趣,编程思想都有很好的作用。日后学习其他编程语言会更简单容易。 所以我计划做一套 PHP 入门课程,希望可以对有兴趣学习 PHP 或者有兴趣学习编程的朋友有所帮助。 现在这套课程已经开始了,录音和课件都在qq群里发布。 大家如果有兴趣,可以添加我的qq群,号码是: 808831695