how to capture CTRL+S in browser

Question

I have a page on which I want to override default ctrl+s behavior. When typing this on google or stack-overflow, I can only find ways to do it with jquery:

$(window).keypress(function(event) {
    if (!(event.which == 115 && event.ctrlKey) && !(event.which == 19)) return true;
    alert("Ctrl-S pressed");
    event.preventDefault();
    return false;
});

I'd like to have a clean way to do it with vanilla JS.

@jimmyweb I saw this question already (it is even quoted in mine). But I want **vanilla js** — Ulysse BN, Aug 23 '17 at 21:35
@jimmyweb this is not a duplicate of that question. OP wants **non-jquery** solutions, your dupe doesn't answer that. — , Aug 23 '17 at 21:37
FYI: Doesn't work on Chrome in year 2022. Not exactly sure why but I see event.which is now considered "non-standard": https://developer.mozilla.org/en-US/docs/Web/API/UIEvent/which — cakidnyc, Mar 23 '22 at 21:15

score 2 · Accepted Answer · answered Aug 23 '17 at 21:36

Not a big difference from the jQuery implementation:

window.addEventListener("keypress", function(event) {
  if (!(event.which == 115 && event.ctrlKey) && !(event.which == 19)) return true
  alert("Ctrl-S pressed")
  event.preventDefault()
  return false
})

how to capture CTRL+S in browser

1 Answers1