键盘响应式Web应用程序是如何构建的？

Question

我遇到了一个名为keybr.com的触摸打字教程网站

此Web应用程序感觉就像桌面应用程序。该网站能够实时读取键盘输入。

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

我是一名正在学习Web开发世界的逆火开发人员。

谢谢，

Answer 1

我猜你总体上正在寻找可访问性。就像之前的回答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>

元素可以有积极的＆amp;如果要从导航流中删除它，则使用负tabIndex，tabIndex ="-1"为负。

积极和积极的元素相同的tabIndex将按其出现的顺序进行导航。首先，将导航所有带有tabIndex="1"的元素，然后导航带有tabIndex="2"的元素，依此类推。

除此之外还有另一个名为ARIA的属性，它也可以帮助您。你可以探索更多 HERE

希望这会对你有所帮助

Answer 2

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

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

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

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

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

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