我正在考虑在宠物网络应用程序中实现快捷键，我正在为我开发。我正在使用 c# 和 asp.net。
我见过很少有带有快捷键的网站（坦白说我只记得g-mail）。
有没有人曾经为网络应用程序实现过快捷键，如果是的话该怎么做？
谢谢。
快捷键没用，但如果您坚持使用它们，请访问此网站。尽管访问访问键的方式因浏览器而异，但使用它比使用 JavaScript 好得多。与丑陋的 Javascript 解决方案相比，它的优点是它让浏览器和用户的浏览器设置来处理它们。
Mousetrap是一个优秀的JavaScript库，用于处理快捷键。
根据我所看到的其他应用程序（Gmail、JIRA）如何使用快捷键，并根据我自己的经验，我提出一些建议：
如果启用此功能，确保可以打开和关闭它 - 请注意，您的快捷方式可能会与许多辅助软件包（即 Jaws）的内置快捷方式干扰或冲突，并且 在可访问性方面可能会适得其反。
但我理解为什么很少有网站使用它 - 这种方式有很多困难。并鼓励您也不要使用它。或者不将其作为主要功能。
为了实现这一点，您需要使用 JavaScript 注册所需的键盘组合键。这就像在 C# 中为某些事件注册操作侦听器。我在 Google 上找到的第一个 URL 似乎有一个很好的概述：Handling Keyboard Shortcuts in JavaScript。
注册键盘事件后，您可以使用 JavaScript 在 ASP.net 后端调用 AJAXy（我认为技术上是 JSON 调用）操作。
<script type="text/javascript">
if (window.captureEvents) {
window.captureEvents(Event.KeyUp);
window.onkeyup = executeCode;
}
else if (window.attachEvent) {
document.attachEvent('onkeyup', executeCode);
}
function executeCode(evt) {
if (evt == null) {
evt = window.event;
}
var theKey = parseInt(evt.keyCode, 10);
switch (theKey) {
case 35: // End
document.getElementById("<%=btnSave.ClientID%>").click();
//document.getElementById('ctl00_ContentPlaceHolder1_btnHome').click();
break;
case 36: // F8
document.getElementById('btnreset').click();
break;
case 120: // F9
// document.getElementById('Button1').click();
break;
case 87: //w
if (window.event.altKey)
document.getElementById('buttonid').click();
break;
}
evt.returnValue = false;
return false;
}
</script>
<asp:Button ID="btnSave" runat="server" Text="Button" />
</asp:Content>
use this javascript on your master page this work using keycode.........
------------------------------------------
var isfocused=false;
document.onkeydown = overrideKeyboardEvent;
document.onkeyup = overrideKeyboardEvent;
var keyIsDown = {};
var get_focused="";
function overrideKeyboardEvent(e){
switch(e.type){
case "keydown":
if(!keyIsDown[e.keyCode]){
keyIsDown[e.keyCode] = true;
// do key down stuff here
if (e.keyCode == 40) {
var t = new Array;
t = document.getElementsByTagName("input");
var n = "1";
for (var r = 0; r < t.length; r++) {
if (t[r].type == "checkbox") {
var i = document.cookie.split(";");
var s = y = i[0].substr(i[0].indexOf("=") + 1);
if (s.toLowerCase().indexOf("active") != -1) {
if (n == "2") {
document.getElementById(t[r].id).focus();
document.cookie = "aa" + "=" + t[r].id;
return false
}
if (t[r].id == s) {
n = "2"
}
} else {
document.getElementById(t[r].id).focus();
document.cookie = "aa" + "=" + t[r].id;
return false
}
}
}
}
if( e.keyCode==115)
{ e.preventDefault();
var c = new Array();
c = document.getElementsByTagName('input');
for (var i=0;i<c.length;i++)
{
if(c[i].type=='submit' && c[i].value=='Submit' || c[i].type=='submit' && c[i].value=='Summary Report' )
{
e.preventDefault();
document.getElementById(''+c[i].id+'').click();
}
}
return ;
}
if( e.keyCode==27 )
{
window.location = document.referrer;
}
if( e.keyCode==46 )
{
var c=new Array();
c=document.getElementsByTagName('tr');
for(var i=0;i<c.length;i++)
{
if(c[i].onclick!=null)
{
if(c[i].onclick.toString().indexOf('OnUserSelected')!=-1 && c[i].onclick.toString().indexOf(''+get_focused+'')!=-1)
{
var children =new Array();
if(c[i].innerHTML.indexOf('remove')!=-1)
{
children = c[i].innerHTML.split('remove');
var gg=children[1];
var get1=new Array();
get1=gg.split('id="');
// document.getElementById('ctl00_ContentPlaceHolder2_hidden111').value='1111';
var a= document.getElementById(''+get1[1]+'remove').click();
return false;
//__doPostBack(''+get1[1]+'remove','');
}
else
{
children = c[i].innerHTML.split('delete');
var gg=children[1];
var get1=new Array();
get1=gg.split('id="');
// document.getElementById('ctl00_ContentPlaceHolder2_hidden111').value='1111';
var a= document.getElementById(''+get1[1]+'d`enter code here`elete').click();
return false;
}
}
}
}
}
if( e.keyCode==112 )
{
e.preventDefault();
var c=new Array();
c=document.getElementsByTagName('a');
for(i=0;i<c.length;i++)
{
if(c[i].innerText.indexOf('Add New')!=-1 || c[i].innerText.indexOf('Back to')!=-1)
{
window.location=''+c[i].href+'';
}
}
}
if( e.keyCode==113)
{
if(get_focused!="")
{
var c=new Array();
c=document.getElementsByTagName('input');
for(var i=0;i<c.length;i++)
{
if(c[i].type=='hidden')
{
if(c[i].id.indexOf('hidden111')!=-1)
{
document.getElementById(''+c[i].id+'').value='00';
document.getElementById(''+c[i].id+'').value=get_focused;
__doPostBack(c[i].id,"");
}
}
}
}
}
if (e.keyCode == 38) {
var t = new Array;
t = document.getElementsByTagName("input");
var n = "1";
for (var r = 0; r < t.length; r++) {
if (t[r].type == "checkbox") {
var i = document.cookie.split(";");
var s = y = i[0].substr(i[0].indexOf("=") + 1);
if (s.toLowerCase().indexOf("active") != -1) {
if (t[r].id == s) {
n = "2"
}
if (n == "2") {
var f = 0;
while (f == 0) {
if (t[r - 1].type == "checkbox") {
f = 1
} else {
r--
}
}
document.getElementById(t[r - 1].id).focus();
document.cookie = "aa" + "=" + t[r - 1].id;
return false
}
}
}
}
}
}
break;
case "keyup":
delete(keyIsDown[e.keyCode]);
// do key up stuff here
break;
}
//e.preventDefault();
return true;
}
function disabledEventPropagation(e) {
if (e) {
if (e.stopPropagation) {
e.stopPropagation()
} else if (window.event) {
window.event.cancelBubble = true
}
}
}
document.body.setAttribute("onunload","getdeleted()");
function getdeleted()
{
document.cookie="aa" + "=" +"";
}
0
function OnUserSelected(source,eventArgs) {
if(document.getElementById('ctl00_ContentPlaceHolder2_hidden111').value!='1111')
{
var hdnValueID = 'ctl00_ContentPlaceHolder2_hidden111';
try
{
document.getElementById(hdnValueID).value =source;
document.getElementById(hdnValueID).value = eventArgs;
__doPostBack(hdnValueID, "");
}
catch(errorr)
{
alert(errorr);
}
}
else
{
get_focused =eventArgs;
document.getElementById('ctl00_ContentPlaceHolder2_hidden111').value='';
}
}