javascript - Overriding control+s (save functionality) in browser

Question

I am trying to override the browser save shortcut i.e(cntrl + s) to give the functionality of save in my web App , I am using google chrome ... I tried keydown listner to observe the keycode but when two keys i.e (cntrl + s) are pressed simultaneously , keycode of s is never returned in event object .

Thanks in Advance

Trax

Answer 1

You receive two keydown events: The first is for the control key, and the second is for the letter with the modifier flag turned on. Here's how you listen for a key with a modifier pressed:

document.addEventListener("keydown", function(e) {
  if (e.keyCode == 83 && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) {
    e.preventDefault();
    // Process event...
  }
}, false);

Taking a page from Google Docs, it uses Cmd-S on Mac and Ctrl-S on other platforms.