如何构建键盘响应式 Web 应用程序?
How is a keyboard responsive web application built?
我 运行 浏览了一个名为 keybr.com
的盲打教程网站
这个网络应用程序感觉就像一个桌面应用程序。该站点能够实时读取键盘输入。
我的问题是如何在 ASP.net 应用程序中完成此操作?我的猜测是您会使用像 JQuery 这样的 Javascript 库。
我是一名适得其反的开发人员,正在学习网络开发的世界。
谢谢,
在 Jquery 中,您可以将 keyup 和 keypress 事件绑定到任何元素。
您也可以将它们绑定到整个文档。
$(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.
希望对您有所帮助
我 运行 浏览了一个名为 keybr.com
的盲打教程网站这个网络应用程序感觉就像一个桌面应用程序。该站点能够实时读取键盘输入。
我的问题是如何在 ASP.net 应用程序中完成此操作?我的猜测是您会使用像 JQuery 这样的 Javascript 库。
我是一名适得其反的开发人员,正在学习网络开发的世界。
谢谢,
在 Jquery 中,您可以将 keyup 和 keypress 事件绑定到任何元素。
您也可以将它们绑定到整个文档。
$(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.
希望对您有所帮助