Umgang mit 'Strg+s' keypress-Ereignis für browser


Ich war zu versuchen, die STRG+S - Funktion für eine browser-basierte Anwendung.Ich machte eine Suche und kam über 2 Skripte im folgenden zu Fragen

Besten cross-browser-Methode zu erfassen STRG+S mit JQuery?

Strg+S preventDefault in Chrom

Jedoch,als ich versuchte, es zu implementieren,es hat geklappt aber ich bekomme immer noch die Standard-browser speichern Dialogfeld/Fenster.

Mein Code:Für shortcut.js

 shortcut.add("Ctrl+S",function() {
     alert("Hi there!");
 },
 {
     'type':'keydown',
     'propagate':false,
     'target':document
});

jquery hotkeys.js

$(document).bind('keydown', 'ctrl+s', function(e) {
    e.preventDefault();
    alert('Ctrl+S');
    return false;
});

Ich glaube e.preventDefault(); sollten den trick tun,aber aus irgendeinem Grund funktioniert es nicht.Wo mache ich falsch.Sorry, wenn es einfach ist,noch javascript lernen.
Vielen Dank für Ihre Zeit.

  • Die 2. funktioniert für mich. Welchen browser benutzt du und welche version es ist?
  • Ich versuchte es auf chrome,FF und IE 8,9.Ich glaube, wenn ich die Warnung, es bringt die Standard-Fenster mit!!!!Wenn ich einen console.loges nicht zu bringen bis das Fenster! 😛 Warum ist es so?
InformationsquelleAutor coderunner | 2013-01-28
  1. 21

    Brauchen Sie nicht alle diese Bibliotheken, probieren Sie dies:

    $(document).on('keydown', function(e){
    if(e.ctrlKey && e.which === 83){ //Check for the Ctrl key being pressed, and if the key = [S] (83)
        console.log('Ctrl+S!');
        e.preventDefault();
        return false;
    }
});

    War das problem, dass der code angehalten an der alert() verhindert, dass Ihre Funktion unterbricht den speichern-Dialog.

    (Noch jQuery verwendet)

    • Ja Cerbus, ich Tat das gleiche!Aber für die alert-es erscheint das Fenster(ich hatte versucht alert-zunächst als Beispiele hatte er).Aber für console.log,es scheint zu funktionieren!! Irgendein problem mit dem script, oder es ist die Standard-Verhalten?? 😛
    • Ah, dann war das problem, dass die alert wurde, pausieren Sie Ihre code ein, bevor Sie es stoppen konnte Sie den speichern-dialog angezeigt werden.
    • Ja hab deinen Punkt Cerbus!!Danke!!!!Ich werde das jquery-Weise wie ich bin nicht sicher, würde ich keine weiteren Abkürzungen, die in der Anwendung!Ich war ein bisschen dumm da!! 😛
    • Sie sind sich bewusst, dass mein code ist genau das gleiche wie die Antwort, die Sie akzeptiert, richtig? (Außer, dass ich es gepostet weiter oben). Nur die andere Antwort die alte .bind() Funktion, welche die Jungs über bei jQuery nicht zu empfehlen mehr. Die 'ctrl+s' scheint zu sein, Daten, die nicht überall verwendet werden, entweder.
    • Akzeptiert habe ich es nicht für die Antwort,ich habe meine eigene Implementierung.Die Antwort akzeptiert wurde, basierend auf der Erklärung Hinzugefügt, in der es(das war was ich suchte).Ich war verwirrt mit der Ausschreibung Teil.Ich von Ihnen positiv bewertet werden Sie Ihre Antwort mit dem gebotenen Respekt.Bitte nicht Geist, keine straftat.Sowohl die Antworten waren ebenso schnell und informativ sind und freuen uns auf Ihre Unterstützung.
    • Stellen Sie sicher, dass neben der Arbeit für Sie, die Antwort ist echt eine gute übung. Manchmal nach der Antwort wird akzeptiert, ein anderer kommt, der Aufdeckung der Tatsache, dass Vorherige war in der Tat ein schlechter hack.. Das ist alles, was ich sage.
    • Danke für die info.Wird im Hinterkopf behalten!!Geändert haben Sie es für die Gemeinschaft.
    • Ich denke, man kann auch verbessern Sie Ihre Lösung mit switch() Funktion und erweitern Sie Ihre Antwort für jede andere Taste, wie Ctrl + B, Ctrl + I - und ...
    • Das wäre Vergangenheit der Umfang der Frage.

    InformationsquelleAutor Cerbrus
  2. 14

    Dies ist, fügen Sie einfach eine andere Implementierung auf die Frage von mir benutzt wird.
    Angepasst von einer SO beantworten.Auch die arbeiten für MAC

     document.addEventListener("keydown", function(e) {
      if (e.keyCode == 83 && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey))      {
        e.preventDefault();
        //your implementation or function calls
      }
    }, false);
    InformationsquelleAutor coderunner
  3. 2

    Menschen sind immer noch der Ansicht dieser es scheint, so ist es wohl erwähnenswert, dass es keine Notwendigkeit für jQuery auf diesen einen, hier:

    function keydown (event) {
    var isCtrlKeyDown = navigator.platform.indexOf("Mac") > -1 ? event.metaKey : event.ctrlKey,
        isSDown = (event.key && event.key === "s") || (event.keyCode || event.which) === 83 //falls back to keycode if no event.key

    if (isCtrlKeyDown && isSDown) {
        //prevent default event on newer browsers
        if (event.preventDefault) {
            event.preventDefault()
        }


        //... your code here ...


        //prevent default event on older browsers
        return false
    }
}

//register the event
if (document.addEventListener) {
    document.addEventListener("keydown", keydown)
} else {
    document.onkeydown = keydown
}

    Diese Arbeit sollte in allen Browsern, auch für Leute mit alternative Tastatur-layouts von QWERTY auf Windows, die Berichte falsche key codes (zumindest in Chrome 56 auf Windows 10 in meinen Tests)

    Aber das sieht irgendwie klobig und unübersichtlich, so dass, wenn Sie nur die Unterstützung moderner Browser können Sie folgende Schritte statt:

    document.addEventListener("keydown", function keydown (event) {
    if (navigator.platform === "MacIntel" ? event.metaKey : event.ctrlKey && event.key === "s") {
        event.preventDefault()

        //... your code here ...
    }
})
    InformationsquelleAutor Xenxier
  4. 1

    Keine Notwendigkeit, jede plugin, nutzen Sie einfach unten jquery-code

    $(document).bind('keydown', 'ctrl+s', function (e) {
        if (e.ctrlKey && (e.which == 83)) {

            e.preventDefault();
            //Your method()
            return false;
        }
    });

    Da Sie mit Alarm, die Ausführung hält an der Warnung und "return false" nicht ausgeführt, bis Sie Sie schließen der alertbox, das ist der Grund, warum Sie das Standard-Dialogfeld.

    Wenn Ihre Methode ist die lange Laufzeit eine bessere Nutzung asyn-Methode-Methode statt.

    InformationsquelleAutor Rohit Patel
  5. 1

    Ab 2017, anstatt e.keyCode === 83 Sie verwenden sollten e.key === 's' als die erstere ist veraltet.

    InformationsquelleAutor carkod
Schreibe einen Kommentar