Wie erfasst man den Befehlsschlüssel eines Mac über JavaScript?

Question

Wie erfasst man einen Mac Cmd Schlüssel über JavaScript?

Answer 1

Im Gegensatz zu Shift/Alt/Ctrl wird die Mac/Apple-Taste nicht als Modifier-Taste betrachtet - stattdessen sollten Sie Keydown/Key-up einhängen und aufnehmen, wenn eine Taste gedrückt und dann auf event.keyCode gedrückt wird.

Leider sind diese Tastencodes sind Browser-abhängig:

Firefox: 224 
Opera: 17 
WebKit (Safari/Chrome): 91 (Left Apple) or 93 (Right Apple) 

Sie könnten in der Lektüre dieses Artikels interessieren: JavaScript Madness: Keyboard Events aus dem gemeistert ich dieses Wissen.

Answer 2

Sie können auch das Attribut event.metaKey für das Ereignis anzeigen, wenn Sie mit Keydown-Ereignissen arbeiten. Arbeitete wunderbar für mich! You can try it here.

Answer 3

Für Menschen jQuery verwenden, gibt es ein ausgezeichnetes Plugin für den Umgang mit wichtigen Ereignissen:

jQuery hotkeys on GitHub

Für ⌘ + S und Ctrl +S Ich verwende diese Erfassung :

$(window).bind('keydown.ctrl_s keydown.meta_s', function(event) { 
    event.preventDefault(); 
    // Do something here 
}); 

Answer 4

Ich habe festgestellt, dass Sie können Erkennen Sie die Befehlstaste in der neuesten Version von Safari (7.0: 9537.71), wenn sie in Verbindung mit einem anderen Schlüssel gedrückt wird. Wenn Sie z. B. ⌘ + x: erkennen möchten, können Sie den x-Schlüssel erkennen und prüfen, ob event.metaKey auf "true" gesetzt ist. Zum Beispiel:

var key = event.keyCode || event.charCode || 0; 
console.log(key, event.metaKey); 

Beim Drücken x auf seine eigenen, dieser Willen Ausgang 120, false. Wenn ⌘ drücken + x, wird es Ausgabe 120, true

Dies scheint nur in Safari zu arbeiten - nicht Chrome

Answer 5

Es ist ein Javascript-lib für das: keymaster.js

(keine Abhängigkeiten wie jquery)

Answer 6

Basierend auf Ilyas Daten, schrieb ich eine Vanille JS-Bibliothek für Zusatztasten auf dem Mac unterstützt: https://github.com/MichaelZelensky/jsLibraries/blob/master/macKeys.js

einfach es wie folgt verwendet werden, zB:

document.onclick = function (event) { 
    if (event.shiftKey || macKeys.shiftKey) { 
    //do something interesting 
    } 
} 

Getestet auf Chrome, Safari, Firefox, Opera auf dem Mac. Bitte überprüfen Sie, ob es für Sie funktioniert.

Answer 7

Hier ist, wie ich tat es in AngularJS

app = angular.module('MM_Graph') 

class Keyboard 
    constructor: ($injector)-> 
    @.$injector = $injector 
    @.$window = @.$injector.get('$window')        # get reference to $window and $rootScope objects 
    @.$rootScope = @.$injector.get('$rootScope') 

    on_Key_Down:($event)=> 
    @.$rootScope.$broadcast 'keydown', $event        # broadcast a global keydown event 

    if $event.code is 'KeyS' and ($event.ctrlKey or $event.metaKey)  # detect S key pressed and either OSX Command or Window's Control keys pressed 
     @.$rootScope.$broadcast '', $event         # broadcast keyup_CtrS event 
    #$event.preventDefault()            # this should be used by the event listeners to prevent default browser behaviour 

    setup_Hooks:()=> 
    angular.element(@.$window).bind "keydown", @.on_Key_Down    # hook keydown event in window (only called once per app load) 
    @ 

app.service 'keyboard', ($injector)=> 
    return new Keyboard($injector).setup_Hooks()