如何构建键盘响应式 Web 应用程序?

How is a keyboard responsive web application built?

我 运行 浏览了一个名为 keybr.com

的盲打教程网站

这个网络应用程序感觉就像一个桌面应用程序。该站点能够实时读取键盘输入。

我的问题是如何在 ASP.net 应用程序中完成此操作?我的猜测是您会使用像 JQuery 这样的 Javascript 库。

我是一名适得其反的开发人员,正在学习网络开发的世界。

谢谢,

在 Jquery 中,您可以将 keyup 和 keypress 事件绑定到任何元素。

https://api.jquery.com/keyup/

您也可以将它们绑定到整个文档。

$(document.body).bind("keyup", function(e){

alert(e.which)
// do something
})

这会抛出按下的键的键码。

我猜总的来说您正在寻找可访问性。就像之前的回答中提到的 key 事件会给你键码,你可以相应地设计。

Here 你可以找到所有的键码。

除此之外还有一个名为 tabIndex 的 HTML 属性。在网页中,您可能有按钮、内容区域、下拉列表,您必须在这些组件之间导航。所以在这些情况下你必须使用 tabIndex.

例如

 // From w3school

<a href="http://www.w3schools.com/" tabindex="2">W3Schools</a>
<a href="http://www.google.com/" tabindex="1">Google</a>
<a href="http://www.microsoft.com/" tabindex="3">Microsoft</a>

元素可以有正负 tabIndex,负数即 tabIndex ="-1" 当你想从导航流中删除它时使用。

具有正数和相同 tabIndex 的元素将按它们 appear.So 的顺序进行导航,所有具有 tabIndex="1" 的元素将被导航,然后是具有 tabIndex="2" 的元素,依此类推。

旁边还有一个属性叫ARIA,也可以帮到你。你可以探索更多 HERE.

希望对您有所帮助