event on shift+option+command+left click

Question

Using javascript (jquery okay), how could I fire an event on a shift+option+command+left click on an object?

$(document).on('keypress', function(e) {
        if( e.keyCode == 224 && e.keyCode == 16 && e.keyCode == 18 ){
               console.log('keys pressed');
        }
});

It seems like something like this should work for logging the keys (but it doesn't at all ^^ ) And also, how do I track the click?

Thanks!

If the `keyCode` is `224`, it can't be `16` or `18`. inspect the event object `e` for properties that refer to the modifier keys you are looking for. — Kevin B, Aug 13 '12 at 16:05
@thomas I am on windows can you please tell me what's the option and command keycodes? btw when you refer to Left you mean the left arrow right? — Oscar Jara, Aug 13 '12 at 16:10
@OscarJara No that should be left-click. mouse button. I'm looking for those keycodes now — 1252748, Aug 13 '12 at 16:12
Ok, I will wait for the keycodes... Well, I assume that you want to detect just the click (same as left-click) right? — Oscar Jara, Aug 13 '12 at 16:15
@OscarJara yeah, I can't find them. Or, I mean, the ones I do, none seem to work.. Thanks - — 1252748, Aug 13 '12 at 16:25
@thomas for example e.keyCode == 16 means SHIFT I need to know e.keyCode == 224 is for? and e.keyCode == 18? — Oscar Jara, Aug 13 '12 at 16:27
This answer will give you some start http://stackoverflow.com/q/3902635/1331430 — Fabrício Matté, Aug 13 '12 at 16:35
@FabrícioMatté thanks! I looked at this wrong the first time > — 1252748, Aug 13 '12 at 16:39

Oscar Jara · Accepted Answer · 2012-08-13T17:01:39.323

1

Try this:

Live Demo (for Mac OS): http://jsfiddle.net/NDuDZ/2/

Code:

//Combination: Shift+Option+Command+LeftClick

//Shift Firefox, Safari, Chrome, Opera keyCode: 16
//Option Firefox, Safari, Chrome, Opera keyCode: 18
//Command Firefox keyCode: 224
//Command Chrome, Safari keyCode: 91
//Command Opera keyCode: 17

var isOption = false;
var isCommand = false;
var isLeftClick = false;

$(document).on('keyup', function(e){
    if(e.which == 91 || e.which == 224 || e.which == 17) isCommand = false;
    if(e.which == 18) isOption = false;
});

$(document).on('click', function(e){
    isLeftClick = true;
});

$(document).on('keyup', function(e){
    if(e.which == 91 || e.which == 224 || e.which == 17) isCommand = true;
    if(e.which == 18) isOption = true;
    if(e.which == 16 && isOption && isCommand && isLeftClick) {
       alert('Shift+Option+Command+LeftClick invoked!');
       e.preventDefault();
    }
});

edited Aug 13 '12 at 17:01

answered Aug 13 '12 at 16:47

Oscar Jara

14,129
10
62
94

it works pretty well. thank you. I do notice that after you click once, every time you do the `ctl+opt+cmd` afterward the alert is triggered. also the even fires when the keys are released. is there anyway to fire it on the mouse click. it's totally brilliant by the way; thanks much! – 1252748 Aug 13 '12 at 20:42
@thomas yes, I noticed that after I posted my answer, I tried to do an improved version but no success (also I am on Windows) and this is the best I can do by now. You can play with that code and maybe do something better because everything is done I think :-) – Oscar Jara Aug 13 '12 at 20:49

event on shift+option+command+left click

1 Answers1