Tastenkombinationen des Browsers überschreiben

Ich möchte noch hinzufügen, dass die Unterstützung für Tastatur-shortcuts zu ein paar Seiten in meinem web-Anwendung durch abfangen der keypress-Ereignisprozedur des document-Objekts, nicht das accesskey-Attribut.

Das problem ist, dass jeder browser seine eigene Tastatur-Kombinationen, so dass es unmöglich ist zu kommen mit einer Reihe von Tastenkombinationen, die auf allen web-Browsern und doch konsequent.(z.B. Es wäre dumm, wenn Sie den shortcut für speichern Sie Strg + Shift + Swährend man für das löschen war, Alt + D.)

So, ich dachte, es wäre nur einfacher zu überschreiben browser-shortcuts insgesamt in ein paar Seiten mit mir.

Allen Nachteil beiseite, ist es möglich? Wenn ja, wie tun Sie es?

InformationsquelleAutor der Frage Tom Tucker | 2010-09-09

  1. 13

    Gibt es eine hervorragende Abdeckung dieses hier: http://unixpapa.com/js/key.html

    Als ob dies ist etwas, das getan werden sollte, stackoverflow-Frage-editor zu überschreiben ist schon ein paar Tasten ohne Unterbrechung zu viel (bewegen Sie den Mauszeiger über die Schaltflächen auf der Symbolleiste).

    InformationsquelleAutor der Antwort Brad Robinson

  2. 30
    onkeydown = function(e){
  if(e.ctrlKey && e.keyCode == 'S'.charCodeAt(0)){
    e.preventDefault();
    //your saving code
  }
}

    InformationsquelleAutor der Antwort antimatter15

  3. 9

    Hier ist meine Lösung für dieses problem:

    Meisten (wenn nicht alle) der browser-Verknüpfungen werden überschrieben. Nur system, wie Alt + Tab oder Windows - Taste nicht.

    document.onkeydown = overrideKeyboardEvent;
document.onkeyup = overrideKeyboardEvent;
var keyIsDown = {};

function overrideKeyboardEvent(e){
  switch(e.type){
    case "keydown":
      if(!keyIsDown[e.keyCode]){
        keyIsDown[e.keyCode] = true;
        //do key down stuff here
      }
    break;
    case "keyup":
      delete(keyIsDown[e.keyCode]);
      //do key up stuff here
    break;
  }
  disabledEventPropagation(e);
  e.preventDefault();
  return false;
}
function disabledEventPropagation(e){
  if(e){
    if(e.stopPropagation){
      e.stopPropagation();
    } else if(window.event){
      window.event.cancelBubble = true;
    }
  }
}

    InformationsquelleAutor der Antwort Alesk

  4. 0

    Hier ist meine Lösung:

    document.onkeydown = function () {
                       if ((window.event.keyCode == 121) && (window.event.ctrlKey))) {
               window.event.returnValue = false;
               window.event.cancelBubble = true;
               window.event.keyCode = 0;
               return false;
           }
       }

    InformationsquelleAutor der Antwort user9847873

Schreibe einen Kommentar