Catch "Command+R" in Safari with JQuery

Question

I need to intercept the browser-reload-functionality in Safari (I know this is usually not something one should do, but in my case this makes sense).

For Windows I just do this:

$(document).keydown(function(event) {
    if ( event.which == 116 ) {
        restart();
        return false;
    }
});

Do I need to use a JQuery Plugin to capture two Keys at the same time or is this already implemented in JQuery in some form?

Also, are the keycodes under Mac the same as they are under windows? ("Command" being the keycode "17" and "r" being "19"?) or is it "55" for the command key and "15" for "r"?

(using this source: http://boredzo.org/blog/archives/2007-05-22/virtual-key-codes

I would be piiiiiiisssseeeed off if someone rebound cmd+r to do something other than hard page reload! — Christian, Oct 12 '11 at 10:44
I would usually totally agree with you, but trust me, in this case it makes sense — Christian Strang, Oct 12 '11 at 11:51

score 2 · Accepted Answer · edited Feb 24 '15 at 22:17

2

There is a Jquery plugin to capture keyboard events and th best part is that it will allow you to handle the key events with their names. like if you want to capture CTRL + R then you need not to worry about the key codes, the plugin will handle this by itself.

Check it out here: https://keithamus.github.io/jwerty/

edited Feb 24 '15 at 22:17

Keithamus

1,819
17
21

answered Oct 12 '11 at 10:05

Prashant

966
9
26

This looks like an interesting plugin to handle it, but I try to minimize http-requests as much as possible and would really like to avoid another plugin. – Christian Strang Oct 12 '11 at 11:55
Just wanted to mention that jwerty isn't necessarily a jQuery plugin. It is compatible with jQuery but can be used standalone just as well. Also, Christian, if you're concerned about multiple HTTP requests you should really minify all javascript code into a single file to serve. Have a look at [Closure Compiler](http://code.google.com/closure/compiler/) or [Uglify JS](https://github.com/mishoo/UglifyJS) – Keithamus Jan 26 '12 at 21:13

score 0 · Answer 2 · answered Jul 26 '16 at 01:40

0

You can catch ⌘ + R on Mac using the next code:

$(document).on( 'keydown', function(event){
    if( event.which === 82 && event.metaKey ) {
        alert( 'Your changes will be lost, are you sure to refresh?' );
    }
});

.metaKey stands for ⌘ on Mac and ⊞ key on PC.

answered Jul 26 '16 at 01:40

I have the same problem but while hitting cmd+r the event does not fire at all. It fires with cmd+shift+r. Any Idea? Maybe the problem is that i bind the handler on 'window' – Bernhard Nov 12 '16 at 09:13

score 0 · Answer 3 · edited May 23 '17 at 10:28

I think I figured it out without having to use a plugin. I'll verify if it also works on the Mac later (I don't own one), but it works for CTRL+R on a PC:

var keys = {};

$(document).ready(function(){
    $(document).keydown(function(event) {
        keys[event.which] = true;

        //CTRL+R on a PC    
        if(keys[17] && keys[82])
        {
            restart();
            return false;
        }   

        //COMMAND+R an a Mac    
        if(keys[81] && keys[91])
        {
            restart();
            return false;
        }       
    });

    $(document).keyup(function (event) {
        delete keys[event.which];
    });
});

This one helped me get there: Can jQuery .keypress() detect more than one key at the same time?

Catch "Command+R" in Safari with JQuery

3 Answers3

Linked