Javascript 如何构建键盘响应的web应用程序？

我偶然发现了一个名为keybr.com的触摸打字教程网站

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

我的问题是，如何在ASP.net应用程序中实现这一点？我猜您会使用像JQuery这样的Javascript库

我是一个逆火开发人员，正在学习web开发的世界

---

谢谢，

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

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

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

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

---

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

我想总的来说，你是在寻找可访问性。如前一个答案中所述，按键事件将为您提供按键代码，您可以据此进行设计

你可以找到所有的钥匙码

除此之外，还有一个名为

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>

//来自w3school

元素可以有正负tabIndex，当您想将其从导航流中删除时，可以使用负tabIndex=“-1”

tabIndex为正且相同的元素将按其显示顺序进行导航。因此，首先将导航所有具有

tabIndex=“1”

的元素，然后是具有

tabIndex=“2”

的元素，依此类推

除此之外，还有另一种名为ARIA的安眠药，它也可以帮助你。你可以探索更多

---

希望这对您有所帮助

本机JavaScript有键盘事件监听器，您不需要它们的库。当然，我想得太多了。我现在意识到JavaScript不需要库就可以做到这一点。