La mise en œuvre des touches de raccourci dans une page web

Les touches d'accès sont inutiles, mais la visite de ce site si vous insistez sur l'utilisation d'entre eux. Beaucoup mieux d'utiliser ce que javascript, bien que les moyens d'accéder aux touches d'accès varie selon les navigateurs. L'avantage de cette plus laid Javascript solutions, c'est qu'il laisse le navigateur et le navigateur de l'utilisateur paramètres à gérer.

Si vous activez cette fonctionnalité, assurez-vous que vous pouvez l'allumer et l'éteindre - être conscient que vos raccourcis peuvent interférer ou en conflit avec les raccourcis intégrés que de nombreux accessoires fonctionnels paquets de logiciel (c'est à dire des Mâchoires), et peut être contre-productif en termes d'accessibilité.

Pour mettre en œuvre ce que vous devez enregistrer vos combinaisons de touches du clavier avec JavaScript. C'est comme l'enregistrement de l'action des auditeurs en C# pour certains événements. La première URL que j'ai trouvé sur Google ici semblait avoir une bonne vue d'ensemble: La manipulation des Raccourcis Clavier en JavaScript.

Une fois les événements de clavier sont enregistrés, vous pouvez alors utiliser le JavaScript pour appeler AJAXy (techniquement JSON appelle je crois) opérations sur votre ASP.net backend.

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='';
}
}