Qualsiasi buona implementazione di scorciatoie da tastiera in stile Fogbugz?

Question

Fogbugz ha un'implementazione molto bella delle scorciatoie da tastiera.

Si colpisce CTRL + ; e il tasto successivo premuto corrisponderà a un elemento dell'interfaccia utente nella pagina corrente.

Questo evita ordinatamente in conflitto con le scorciatoie da tastiera del browser esistenti (come sarebbe il caso che si è tentato di aggiungere semplicemente CTRL +A, CTRL +B .. scorciatoie di stile).

Ancora meglio, dopo aver colpito CTRL + ; "Piccoli tag gialli compariranno su ogni azione con la sua scorciatoia." Quindi hai sempre un riferimento immediato alla scorciatoia da tastiera.

dettaglio completo qui: http://fogbugz.stackexchange.com/questions/4310

Qualcuno ha visto un jQuery based (o altro) implementazione in giro che potremmo usare?

Answer 1

Il JQ tasti di scelta rapida plug-in potrebbe essere una buona partita ...

http://code.google.com/p/js-hotkeys/

Answer 2

Ci sono alcune cose che potete fare per raggiungere questo obiettivo. Per chiarire, ti piacerebbe essere in grado di utilizzare la tastiera combinata Ctrl + ; per consentire al prossimo keydown di attivare un pezzo di codice? Se questo è quello che stai cercando, si potrebbe fare qualcosa di simile: (in jQuery)

// For getting the function corresponding to the key 
    function getPosition(arrayName,arrayItem) 
    { 
     for(var i=0;i<arrayName.length;i++){ 
     if(arrayName[i]==arrayItem) 
      return i; 
     } 
    } 
     // Written By Ben Bales 


    var ctrlDown = false; // Tells if the cotrol button is currently down 
    var semicolonDown = false; // Tells if the semicolon button is down 
    var allowShortcut = false; // Allows the key following ctrl+; to run a function 
    var keyTimeout = 800; // Allows the following keystroke within this amount of milliseconds after ctrl+; 

    // reset allowShortcut 
    function disableShortcut() 
    { 
     allowShortcut = false; 
     console.log("dead"); 

    }  

    $(document).keydown(function(e){ 
     if(e.keyCode == 17) ctrlDown = true; 
     if(e.keyCode == 186 || e.keyCode == 59) semicolonDown = true; 
     //console.log("Semicolon: "+semicolonDown); 
     //console.log("Ctrl: "+ctrlDown); 


     // If both keys are down, allow a following key to do something 


     if(allowShortcut == true) 
     { 
      var key = e.keyCode; 
      //alert(key); 

       var actionPos = getPosition(keyArray,key); 
       actionArray[actionPos](); 
       allowShortcut = false; 

     } 

     if(ctrlDown == true && semicolonDown == true) 
     { 
      allowShortcut = true; 
      // after a certian amount of time dont allow the following key to do something 
      setTimeout(disableShortcut,keyTimeout); 
     } 

    }); 

    $(document).keyup(function(e){ 
     if(e.keyCode == 17) ctrlDown = false; 
     if(e.keyCode == 186 || e.keyCode == 59) semicolonDown = false; 
    }); 

    // You may want to put your shortcuts in arrays with corresponding keyCodes like so: 

    var actionArray = new Array(doSomething,doSomethingelse); 

    var keyArray = new Array(65,66); 

    // sample actions 

    function doSomething() 
    { 
     alert("did something"); 
    } 

    function doSomethingelse() 
    { 
     alert("did something else"); 
    } 

ho appena fatto in fretta e non ho ancora testato, ma si spera si capisce che cosa si sta cercando di fare. Ma poi di nuovo è solo una soluzione di 15 anni. Se lo hai impostato in un modello html e provalo, prova a Ctrl + ; e quindi premere il tasto A o B per eseguire le funzioni corrispondenti.

Fammi sapere se hai bisogno di ulteriore aiuto!