Question

68

Handling 'ctrl+s' keypress event for browser

rated 0 times [ 71] [ 3] / answers: 1 / hits: 17146 / 12 Years ago, mon, january 28, 2013, 12:00:00

I was trying to implement the CTRL+S feature for a browser based application. I made a search and came across two scripts in the following to questions

Best cross-browser method to capture CTRL+S with JQuery?

Ctrl+S preventDefault in Chrome

However, when I tried to implement it, it worked but, I still get the default browser save dialog box/window.

My Code:For 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;

});

I believe e.preventDefault(); should do the trick, but for some reason it doesn't work. Where am I going wrong.Sorry if it is simple, still learning jJvascript.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

raymondd

Add To Favorites

Follow

Total Points: 620

Total Questions: 112

Total Answers: 94

Location: Namibia

Member since Mon, Feb 21, 2022

2 Years ago

raymondd questions

1 Automatically adjust height of iframe using React Hooks

Thu, Apr 22, 21, 00:00, 3 Years ago

1 What's the proper location to store images in VueJS - public folder or assets folder?

Sat, Jul 11, 20, 00:00, 4 Years ago

1 Convert binary to blob url

Thu, Jul 9, 20, 00:00, 4 Years ago

1 Show Loading indicator on Bootstrap 4 (Modal) dialog

Thu, Apr 9, 20, 00:00, 4 Years ago

1 Script injected with insertAdjacentHTML() does not execute

Thu, Jul 25, 19, 00:00, 5 Years ago

View All

answered 12 Years ago alfredoc · Accepted Answer

This is to just add a different implementation to the question used by me.
Adapted from a SO answer.Also,works for 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);